diff --git a/.gitignore b/.gitignore
index 699280ec..d261c091 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,4 +10,5 @@ out
 pages/api-documentation/index.mdx
 .vercel
 .env*.local
-.ignore.me.*
\ No newline at end of file
+.ignore.me.*
+lefthook.yml
diff --git a/assets/close-down.svg b/assets/close-down.svg
new file mode 100644
index 00000000..fcba34b2
--- /dev/null
+++ b/assets/close-down.svg
@@ -0,0 +1,5 @@
+<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="200px"
+  width="200px" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd"
+    d="M.172 15.828a.5.5 0 0 0 .707 0l4.096-4.096V14.5a.5.5 0 1 0 1 0v-3.975a.5.5 0 0 0-.5-.5H1.5a.5.5 0 0 0 0 1h2.768L.172 15.121a.5.5 0 0 0 0 .707M15.828.172a.5.5 0 0 0-.707 0l-4.096 4.096V1.5a.5.5 0 1 0-1 0v3.975a.5.5 0 0 0 .5.5H14.5a.5.5 0 0 0 0-1h-2.768L15.828.879a.5.5 0 0 0 0-.707"></path>
+</svg>
diff --git a/assets/community.icon.svg b/assets/community.icon.svg
index 1a386617..0aa8b93c 100644
--- a/assets/community.icon.svg
+++ b/assets/community.icon.svg
@@ -1,4 +1,8 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.7" d="M45.8 1H12.2C6.04 1 1 6.04 1 12.2V45.8C1 51.96 6.04 57 12.2 57H45.8C51.96 57 57 51.96 57 45.8V12.2C57 6.04 51.96 1 45.8 1ZM43 29C43 30.96 42.44 32.92 41.88 34.6H51.4V45.8C51.4 48.88 48.88 51.4 45.8 51.4H34.6V41.88C32.92 42.72 30.96 43 29 43C27.04 43 25.08 42.44 23.4 41.88V51.4H12.2C9.12 51.4 6.6 48.88 6.6 45.8V34.6H16.12C15.28 32.92 15 30.96 15 29C15 27.04 15.56 25.08 16.12 23.4H6.6V12.2C6.6 9.12 9.12 6.6 12.2 6.6H23.4V16.12C25.08 15.28 27.04 15 29 15C30.96 15 32.92 15.56 34.6 16.12V6.6H45.8C48.88 6.6 51.4 9.12 51.4 12.2V23.4H41.88C42.44 25.08 43 27.04 43 29Z" fill="#F0F9FF" stroke="#4338CA" stroke-linejoin="round"/>
-<path d="M34.5999 4.36005C44.1199 6.60005 51.3999 13.8801 53.6399 23.4001H41.8799C40.4799 20.0401 37.9599 17.5201 34.5999 16.1201V4.36005ZM16.1199 23.4001C17.5199 20.0401 20.0399 17.5201 23.3999 16.1201V4.36005C13.8799 6.60005 6.59986 13.8801 4.35986 23.4001H16.1199ZM41.8799 34.6001C40.4799 37.9601 37.9599 40.4801 34.5999 41.8801V53.6401C44.1199 51.4001 51.3999 44.1201 53.6399 34.6001H41.8799ZM23.3999 41.8801C20.0399 40.4801 17.5199 37.9601 16.1199 34.6001H4.35986C6.59986 44.1201 13.8799 51.4001 23.3999 53.6401V41.8801Z" fill="white" stroke="#4338CA" stroke-linejoin="round"/>
+<svg width="56" height="56" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path opacity="0.7"
+    d="M45.8 1H12.2C6.04 1 1 6.04 1 12.2V45.8C1 51.96 6.04 57 12.2 57H45.8C51.96 57 57 51.96 57 45.8V12.2C57 6.04 51.96 1 45.8 1ZM43 29C43 30.96 42.44 32.92 41.88 34.6H51.4V45.8C51.4 48.88 48.88 51.4 45.8 51.4H34.6V41.88C32.92 42.72 30.96 43 29 43C27.04 43 25.08 42.44 23.4 41.88V51.4H12.2C9.12 51.4 6.6 48.88 6.6 45.8V34.6H16.12C15.28 32.92 15 30.96 15 29C15 27.04 15.56 25.08 16.12 23.4H6.6V12.2C6.6 9.12 9.12 6.6 12.2 6.6H23.4V16.12C25.08 15.28 27.04 15 29 15C30.96 15 32.92 15.56 34.6 16.12V6.6H45.8C48.88 6.6 51.4 9.12 51.4 12.2V23.4H41.88C42.44 25.08 43 27.04 43 29Z"
+    fill="#F0F9FF" stroke="#4338CA" stroke-linejoin="round" />
+  <path
+    d="M34.5999 4.36005C44.1199 6.60005 51.3999 13.8801 53.6399 23.4001H41.8799C40.4799 20.0401 37.9599 17.5201 34.5999 16.1201V4.36005ZM16.1199 23.4001C17.5199 20.0401 20.0399 17.5201 23.3999 16.1201V4.36005C13.8799 6.60005 6.59986 13.8801 4.35986 23.4001H16.1199ZM41.8799 34.6001C40.4799 37.9601 37.9599 40.4801 34.5999 41.8801V53.6401C44.1199 51.4001 51.3999 44.1201 53.6399 34.6001H41.8799ZM23.3999 41.8801C20.0399 40.4801 17.5199 37.9601 16.1199 34.6001H4.35986C6.59986 44.1201 13.8799 51.4001 23.3999 53.6401V41.8801Z"
+    fill="white" stroke="#4338CA" stroke-linejoin="round" />
 </svg>
diff --git a/assets/construction.svg b/assets/construction.svg
new file mode 100644
index 00000000..2e108b83
--- /dev/null
+++ b/assets/construction.svg
@@ -0,0 +1,20 @@
+<svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">
+  <g stroke-linecap="round" stroke-width="1.5" fill="none" fill-rule="evenodd">
+    <path
+      d="M49.801 39.05A23.91 23.91 0 0052 29m-2.924-11.49C45.004 10.057 37.093 5 28 5c-2.798 0-5.484.479-7.981 1.359m-10.835 7.74A23.898 23.898 0 004 29c0 3.58.784 6.976 2.189 10.028"
+      stroke="#79B8FF" />
+    <path d="M8 43a3 3 0 100 6 3 3 0 000-6zm40 0a3.001 3.001 0 10.002 6.002A3.001 3.001 0 0048 43z"
+      stroke="#79B8FF" stroke-linejoin="round" />
+    <path
+      d="M32 32.652A6.527 6.527 0 0027.666 31c-3.02 0-5.613 2.112-6.446 5.053M33 25a5 5 0 01-10 0"
+      stroke="#2088FF" stroke-linejoin="round" />
+    <path stroke="#79B8FF" stroke-linejoin="round"
+      d="M12 11l3.999-3.999M16 11l-4.002-4.002M48 25l4-4M52 25l-4-4" />
+    <path stroke="#2088FF" stroke-linejoin="round"
+      d="M13 51h28M32.992 45.276l6.375-8.017c1.488.63 3.272.29 4.414-.977a3.883 3.883 0 00.658-4.193l-1.96 2.174-1.936-.151-.406-1.955 1.96-2.173a3.898 3.898 0 00-4.107 1.092 3.886 3.886 0 00-.512 4.485l-7.317 7.169c-1.32 1.314-.807 2.59-.236 3.105.67.601 1.888.845 3.067-.56zM22 24c0-2.143 1.209-4.012 3-5M34 24c0-2.143-1.209-4.012-3-5M28 18c-2.158 0-3 .666-3 .666s1.843 1.43 1.843 4.761V25M28 18c2.158 0 3 .666 3 .666s-1.896 1.307-1.896 4.761V25M21 25h14" />
+    <path stroke="#79B8FF" stroke-linejoin="round" d="M25 46H11M45 46h-7" />
+    <path
+      d="M12 18.102v20.352c0 .3.225.546.5.546h3c.275 0 .5-.246.5-.546V18.102L14 15l-2 3.102zM16 36h-3"
+      stroke="#2088FF" stroke-linejoin="round" />
+  </g>
+</svg>
diff --git a/assets/execution.svg b/assets/execution.svg
new file mode 100644
index 00000000..df7a1184
--- /dev/null
+++ b/assets/execution.svg
@@ -0,0 +1,27 @@
+<svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">
+  <g stroke-linecap="round" stroke-width="2" fill="none" fill-rule="evenodd">
+    <g stroke="#2088FF">
+      <path
+        d="M20 24l-3.397 3.398a.85.85 0 000 1.203L20.002 32M37.015 24l3.399 3.398a.85.85 0 010 1.203L37.014 32"
+        stroke-linejoin="round" />
+      <path d="M31.029 21.044L25.976 35.06" />
+    </g>
+    <path stroke="#79B8FF" stroke-linejoin="round"
+      d="M23.018 10h8.984M26 47h5M8 16h16m9 0h15.725M8 41h13" />
+    <path
+      d="M5.027 34.998c.673 2.157 1.726 4.396 2.81 6.02m43.38-19.095C50.7 19.921 49.866 17.796 48.79 16"
+      stroke="#79B8FF" />
+    <path stroke="#2088FF" stroke-linejoin="round" d="M26 41h17" />
+    <path
+      d="M7.183 16C5.186 19.582 4 23.619 4 28M42.608 47.02c2.647-1.87 5.642-5.448 7.295-9.18C51.52 34.191 52.071 30.323 52 28"
+      stroke="#2088FF" />
+    <path stroke="#2088FF" stroke-linejoin="round" d="M7.226 16H28M13.343 47H21" />
+    <path
+      d="M13.337 47.01a24.364 24.364 0 006.19 3.45 24.527 24.527 0 007.217 1.505c2.145.108 4.672-.05 7.295-.738"
+      stroke="#2088FF" />
+    <path stroke="#2088FF" stroke-linejoin="round" d="M36 47h6.647M12 10h6M37 10h6.858" />
+    <path d="M43.852 10c-4.003-3.667-9.984-6.054-16.047-6-2.367.021-4.658.347-6.81 1.045"
+      stroke="#2088FF" />
+    <path stroke="#79B8FF" stroke-linejoin="round" d="M5.041 35h4.962M47 22h4.191" />
+  </g>
+</svg>
diff --git a/assets/javascript.svg b/assets/javascript.svg
new file mode 100644
index 00000000..1f203d35
--- /dev/null
+++ b/assets/javascript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 1052 1052"><path fill="#f0db4f" d="M0 0h1052v1052H0z"/><path d="M965.9 801.1c-7.7-48-39-88.3-131.7-125.9-32.2-14.8-68.1-25.399-78.8-49.8-3.8-14.2-4.3-22.2-1.9-30.8 6.9-27.9 40.2-36.6 66.6-28.6 17 5.7 33.1 18.801 42.8 39.7 45.4-29.399 45.3-29.2 77-49.399-11.6-18-17.8-26.301-25.4-34-27.3-30.5-64.5-46.2-124-45-10.3 1.3-20.699 2.699-31 4-29.699 7.5-58 23.1-74.6 44-49.8 56.5-35.6 155.399 25 196.1 59.7 44.8 147.4 55 158.6 96.9 10.9 51.3-37.699 67.899-86 62-35.6-7.4-55.399-25.5-76.8-58.4-39.399 22.8-39.399 22.8-79.899 46.1 9.6 21 19.699 30.5 35.8 48.7 76.2 77.3 266.899 73.5 301.1-43.5 1.399-4.001 10.6-30.801 3.199-72.101zm-394-317.6h-98.4c0 85-.399 169.4-.399 254.4 0 54.1 2.8 103.7-6 118.9-14.4 29.899-51.7 26.2-68.7 20.399-17.3-8.5-26.1-20.6-36.3-37.699-2.8-4.9-4.9-8.7-5.601-9-26.699 16.3-53.3 32.699-80 49 13.301 27.3 32.9 51 58 66.399 37.5 22.5 87.9 29.4 140.601 17.3 34.3-10 63.899-30.699 79.399-62.199 22.4-41.3 17.6-91.3 17.4-146.6.5-90.2 0-180.4 0-270.9z" fill="#323330"/></svg>
\ No newline at end of file
diff --git a/assets/open-in-window.svg b/assets/open-in-window.svg
new file mode 100644
index 00000000..8b663935
--- /dev/null
+++ b/assets/open-in-window.svg
@@ -0,0 +1,6 @@
+<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" d="M0 0h24v24H0z"></path>
+  <path
+    d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path>
+</svg>
diff --git a/assets/react.svg b/assets/react.svg
new file mode 100644
index 00000000..3a27f7ce
--- /dev/null
+++ b/assets/react.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="175.7 78 490.6 436.9" width="2194" xmlns="http://www.w3.org/2000/svg"><g fill="#61dafb"><path d="m666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9v-22.3c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6v-22.3c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zm-101.4 106.7c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24s9.5 15.8 14.4 23.4zm73.9-208.1c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6s22.9-35.6 58.3-50.6c8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zm53.8 142.9c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6z"/><circle cx="420.9" cy="296.5" r="45.7"/></g></svg>
\ No newline at end of file
diff --git a/components/ComingSoon.tsx b/components/ComingSoon.tsx
new file mode 100644
index 00000000..bea61d9d
--- /dev/null
+++ b/components/ComingSoon.tsx
@@ -0,0 +1,15 @@
+import Construction from '@assets/construction.svg'
+
+type Props = {}
+
+export const ComingSoon = ({}: Props) => {
+  return (
+    <div className='flex justify-center items-center flex-col mt-10'>
+      <h3 className='text-3xl'>Coming Soon</h3>
+      <p className='text-gray-400'>This section is under construction.</p>
+      <div>
+        <Construction className='h-40 w-40' />
+      </div>
+    </div>
+  )
+}
diff --git a/components/Demo.tsx b/components/Demo.tsx
new file mode 100644
index 00000000..87f9feaf
--- /dev/null
+++ b/components/Demo.tsx
@@ -0,0 +1,77 @@
+import Execution from "@assets/execution.svg";
+import CloseDown from "@assets/close-down.svg";
+import OpenInWindow from "@assets/open-in-window.svg";
+import { useState } from "react";
+
+type Props = {
+	title?: string;
+	message?: string;
+	example: string;
+	preload?: boolean;
+	file?: string
+};
+
+export const Demo = ({ example, message, title, file = 'src/App.tsx', preload = true }: Props) => {
+	const [showDemo, setShowDemo] = useState(false);
+
+	const src = `https://stackblitz.com/github/botpress/documentation-examples/tree/master/examples/${example}?embed=1&hideNavigation=1&view=both&file=${encodeURIComponent(file)}`;
+
+	return (
+		<>
+			{showDemo && (
+				<div
+					className="top-0 bottom-0 right-0 left-0 fixed bg-gray-900 w-screen h-screen animate-[scaleout_300ms_ease] z-20"
+					style={{ animationFillMode: "forwards" }}
+				/>
+			)}
+			<div
+				className={`fixed left-0 right-0 top-0 bottom-0 z-40 ${
+					showDemo ? "" : "invisible"
+				}`}
+				onClick={() => setShowDemo(true)}
+			>
+				<div className="w-full h-full relative">
+					<div className="absolute bottom-0 left-0 right-0 flex justify-center mb-4">
+						<button
+							className="rounded-full w-10 h-10 bg-red-600 hover:bg-red-700 text-white shadow-md"
+							onClick={(e) => {
+								e.stopPropagation();
+								setShowDemo(false);
+							}}
+						>
+							<CloseDown className="h-6 w-10" />
+						</button>
+					</div>
+					{(preload || showDemo) && (
+						<iframe src={src} className="w-full h-full" />
+					)}
+				</div>
+			</div>
+
+			<div
+				className="h-20 transition-all cursor-pointer m-4 mt-8 mb-0 hover:shadow-sm hover:scale-105 p-2 border rounded border-blue-100 bg-white hover:border-blue-400 group"
+				onClick={() => setShowDemo(true)}
+			>
+				<div className="flex justify-center items-center relative">
+					<>
+						<Execution className="h-14 w-14 mr-4" />
+						<div>
+							<h3 className="text-xl">{title ?? "Live Demo"}</h3>
+							<p className="text-gray-400 text-sm m-0">
+								{message ?? "Click to see a live demo"}
+							</p>
+						</div>
+						<a
+							href={src}
+							className="absolute top-0 right-0 p-2 bg-gray-100 hover:bg-gray-200 group-hover:visible invisible"
+							onClick={(e) => e.stopPropagation()}
+							target="_blank"
+						>
+							<OpenInWindow className="h-4 w-4" />
+						</a>
+					</>
+				</div>
+			</div>
+		</>
+	);
+};
diff --git a/components/DocumentationIcon.tsx b/components/DocumentationIcon.tsx
index 7c721811..d8e4f842 100644
--- a/components/DocumentationIcon.tsx
+++ b/components/DocumentationIcon.tsx
@@ -10,6 +10,13 @@ import Rocket from '@assets/learning_center.inline.svg'
 import Lightning from '@assets/lightning.inline.svg'
 import Prompt from '@assets/prompt.inline.svg'
 import StudioLayout from '@assets/studio-layout.inline.svg'
+import Desktop from '@assets/desktop.icon.svg'
+import ReactIcon from '@assets/react.svg'
+import Javascript from '@assets/javascript.svg'
+import Code from '@assets/code.icon.svg'
+import Community from '@assets/community.icon.svg'
+import Dashboard from '@assets/dashboard.icon.svg'
+
 export type DocumentationIcons =
   | 'book'
   | 'chip'
@@ -22,6 +29,12 @@ export type DocumentationIcons =
   | 'grid'
   | 'lightning'
   | 'rocket'
+  | 'desktop'
+  | 'react'
+  | 'code'
+  | 'javascript'
+  | 'community'
+  | 'dashboard'
 
 export function DocumentationIcon(props: { name: DocumentationIcons; className: string }) {
   const IconElement = (() => {
@@ -48,6 +61,18 @@ export function DocumentationIcon(props: { name: DocumentationIcons; className:
         return Lightning
       case 'rocket':
         return Rocket
+      case 'desktop':
+        return Desktop
+      case 'react':
+        return ReactIcon
+      case 'code':
+        return Code
+      case 'javascript':
+        return Javascript
+      case 'community':
+        return Community
+      case 'dashboard':
+        return Dashboard
 
       default:
         return <svg />
diff --git a/components/Feedback.tsx b/components/Feedback.tsx
index 85396322..eb66d4a5 100644
--- a/components/Feedback.tsx
+++ b/components/Feedback.tsx
@@ -12,6 +12,7 @@ export const Feedback = () => {
   }, [location])
 
   const sendFeedback = async ({ feedback }: { feedback: 'positive' | 'negative' }) => {
+    setFeedbackGiven(true)
     await fetch(process.env.NEXT_PUBLIC_BOT_URL ?? '', {
       method: 'POST',
       body: JSON.stringify({
@@ -21,8 +22,6 @@ export const Feedback = () => {
     }).catch(err => {
       console.error(err)
     })
-
-    setFeedbackGiven(true)
   }
 
   return (
diff --git a/components/LinkCard.tsx b/components/LinkCard.tsx
index df33dbd0..e0580db6 100644
--- a/components/LinkCard.tsx
+++ b/components/LinkCard.tsx
@@ -22,7 +22,9 @@ export function LinkCard({ title, className, href, icon, children }: LinkCardPro
       )}
     >
       <Card className="h-full p-4">
-        {icon && <DocumentationIcon name={icon} className="h-12 w-12 text-bpBlue" />}
+        <div className='p-4 bg-blue-50 rounded flex justify-center items-center'>
+          {icon && <DocumentationIcon name={icon} className="max-h-14 max-w-18 text-bpBlue" />}
+        </div>
         <div className="pt-3 text-xl font-bold">{title}</div>
         <div className="pt-2.5 text-base"> {children}</div>
       </Card>
diff --git a/components/LoadGTM.tsx b/components/LoadGTM.tsx
index d8687594..116a8ec4 100644
--- a/components/LoadGTM.tsx
+++ b/components/LoadGTM.tsx
@@ -8,7 +8,7 @@ type props = {
 const LoadGTM = (props: props) => {
   return (
     <div>
-      <Script id="show-banner">
+     <Script id="show-banner">
         {`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..e6d1a758
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script src="https://cdn.botpress.cloud/webchat/v2/inject.js"></script>
+  <script src="https://mediafiles.botpress.cloud/26a83f89-ace1-4045-92ba-95b836f75669/webchat/v2/config.js"></script>
+</body>
+
+</html>
diff --git a/package.json b/package.json
index 31488221..3c9be33c 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,8 @@
     "lodash": "^4.17.21",
     "next": "^13.4.6",
     "next-sitemap": "^4.2.3",
-    "nextra": "^2.7.1",
-    "nextra-theme-docs": "^2.7.1",
+    "nextra": "^2.13.4",
+    "nextra-theme-docs": "^2.13.4",
     "prism-react-renderer": "^1.3.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/pages/developers/_meta.json b/pages/developers/_meta.json
index 6bf9eead..359f314e 100644
--- a/pages/developers/_meta.json
+++ b/pages/developers/_meta.json
@@ -6,5 +6,6 @@
   "sdk": "SDK",
   "howTo":"How To",
   "concepts": "Key Concepts",
-  "webchat": "Web Chat"
+  "webchat": "Web Chat old",
+  "webchat-v2": "Web Chat v2"
 }
diff --git a/pages/developers/webchat-v2/_meta.json b/pages/developers/webchat-v2/_meta.json
new file mode 100644
index 00000000..e40aeca7
--- /dev/null
+++ b/pages/developers/webchat-v2/_meta.json
@@ -0,0 +1,9 @@
+{
+  "quick-start": "Quick Start",
+  "embedded": "Embedded Webchat",
+  "theming": "Theming",
+  "react": "React Library",
+  "javascript-client": "Javascript Client",
+  "api": "Webchat Api",
+  "examples": "Examples"
+}
diff --git a/pages/developers/webchat-v2/api.mdx b/pages/developers/webchat-v2/api.mdx
new file mode 100644
index 00000000..a3605985
--- /dev/null
+++ b/pages/developers/webchat-v2/api.mdx
@@ -0,0 +1,5 @@
+import { ComingSoon } from '@components/ComingSoon'
+
+# Webchat Api
+
+<ComingSoon />
diff --git a/pages/developers/webchat-v2/embedded.mdx b/pages/developers/webchat-v2/embedded.mdx
new file mode 100644
index 00000000..b9d22ebd
--- /dev/null
+++ b/pages/developers/webchat-v2/embedded.mdx
@@ -0,0 +1,47 @@
+import { Steps } from 'nextra/components'
+
+# Embedded Webchat
+
+Using the embedded webchat is a great way to provide a seamless experience for your users. The embedded webchat can be added to your website or application by adding a few lines of code to your HTML. This is the easiest way to integrate the webchat with your website or application.
+
+<Steps>
+
+### Step 1: Get the Embed Code
+
+![webchat-embed-config](/docs/content/webchat/embed-config.png)
+
+### Step 2: Add the Embed Code to Your Website
+
+```html {8-9}
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Webchat</title>
+</head>
+<body>
+  [...]
+  <script src="https://cdn.botpress.cloud/webchat/v2/inject.js"></script>
+  <script src="https://mediafiles.botpress.cloud/52345432-5432543-5435-435545434/webchat/v2/config.js"></script>
+</body>
+</html>
+```
+
+</Steps>
+
+<div className='relative h-[500px] flex'>
+
+  <div>
+    ### Voilà!
+
+    You've integrated the webchat with your website or application.
+
+    Here's an overview of what the embedded webchat looks like.
+
+    Are you looking to use the webchat as a full-page application? Check out the [react library](react).
+  </div>
+
+  <div className='w-[260px] flex-none'>
+    <img src="/docs/content/webchat/demo.png" alt="demo" />
+  </div>
+
+</div>
diff --git a/pages/developers/webchat-v2/embedded/using-javascript.mdx b/pages/developers/webchat-v2/embedded/using-javascript.mdx
new file mode 100644
index 00000000..e4afc976
--- /dev/null
+++ b/pages/developers/webchat-v2/embedded/using-javascript.mdx
@@ -0,0 +1,7 @@
+import { Demo } from '@components/Demo'
+
+# Using Javascript with Embedded
+
+The embedded Webchat allows you to interact with the widget using JavaScript. This API is available on the `window` object as `window.botpress`.
+
+<Demo example="webchat-embed-controls" title="Webchat Embed Controls" file="index.html" />
diff --git a/pages/developers/webchat-v2/examples.mdx b/pages/developers/webchat-v2/examples.mdx
new file mode 100644
index 00000000..f97f53aa
--- /dev/null
+++ b/pages/developers/webchat-v2/examples.mdx
@@ -0,0 +1,12 @@
+import { Demo } from '@components/Demo'
+
+# Examples
+
+This is a collection of examples that demonstrate how to use the Webchat in various scenarios.
+
+<div className="grid grid-cols-2">
+  <Demo example="webchat-react-demo" title="Webchat Demo" preload={false} />
+  <Demo example="webchat-react-custom-message" title="Custom Message" preload={false} />
+  <Demo example="webchat-embed-controls" title="Embedded Controls" file="index.html" preload={false} />
+  <Demo example="webchat-embed-custom-trigger" title="Custom Trigger" file="index.html" preload={false} />
+</div>
diff --git a/pages/developers/webchat-v2/javascript-client.mdx b/pages/developers/webchat-v2/javascript-client.mdx
new file mode 100644
index 00000000..96218b1b
--- /dev/null
+++ b/pages/developers/webchat-v2/javascript-client.mdx
@@ -0,0 +1,23 @@
+import { Demo } from '@components/Demo'
+
+# Javascript Client
+
+The Javascript client gives you the ability to interact with the Webchat API from your web application. This client is designed to be used in the browser.
+
+The Webchat client can be used to send and receive messages from the bot. It can also be used to subscribe to events such as new messages.
+
+```ts
+import { getClient } from '@botpress/webchat'
+
+const client = getClient({ clientId: '5234523-543254-35342-52345' })
+
+client.on("message", (message) => {
+  console.log("Received message", message); // Messages from the bot
+});
+
+await client.connect();
+
+await client.sendMessage("Hello, Botpress!"); // Send a message to the bot
+```
+
+<Demo example="webchat-client" title="Webchat Client" file="src/main.ts" />
diff --git a/pages/developers/webchat-v2/quick-start.mdx b/pages/developers/webchat-v2/quick-start.mdx
new file mode 100644
index 00000000..41770467
--- /dev/null
+++ b/pages/developers/webchat-v2/quick-start.mdx
@@ -0,0 +1,33 @@
+import { LinkCard } from '../../../components/LinkCard'
+
+# Quick Start
+
+Welcome to the guide on Botpress's Webchat! In this section, we will walk you through the process of setting up and customizing your Webchat using our easy-to-use platform. Let's get started!
+
+<br />
+
+<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+  <LinkCard title="Embedded Webchat" href="embedded" icon="desktop">
+    Embed the Webchat in your website. No coding required. Just copy and paste the code snippet.
+  </LinkCard>
+
+  <LinkCard title="Theming" href="theming" icon="dashboard">
+    Add your style to the Webchat. Customize the colors, fonts, and more to match your brand.
+  </LinkCard>
+
+  <LinkCard title="React Libary" href="react" icon="react">
+    Use the React library to build your own Webchat using the building blocks provided by Botpress.
+  </LinkCard>
+
+  <LinkCard title="Javascript Client" href="javascript-client" icon="javascript">
+    Use the Webchat Javascript Client to interact with messages, users and conversations without the need of the Webchat UI.
+  </LinkCard>
+
+  <LinkCard title="Webchat Api" href="api" icon="code">
+    Use the Webchat API through HTTP requests to interact with the Webchat from your application. Only for advanced use cases.
+  </LinkCard>
+
+  <LinkCard title="Examples" href="examples" icon="community">
+    Check out some examples to get started. From simple to more complex examples.
+  </LinkCard>
+</div>
diff --git a/pages/developers/webchat-v2/react.mdx b/pages/developers/webchat-v2/react.mdx
new file mode 100644
index 00000000..24d5c66d
--- /dev/null
+++ b/pages/developers/webchat-v2/react.mdx
@@ -0,0 +1,63 @@
+import { Callout } from 'nextra/components'
+import { Demo } from '@components/Demo'
+import { Cards, Card } from 'nextra/components'
+
+# Webchat React Library
+
+<Callout type="warning">
+  When using the react library, the configuration in the dashboard will not be used. You will need to configure the webchat using the React components.
+</Callout>
+
+The Webchat React library is a set of React components that makes it easy to embed a webchat in any application or build a more advance version of the actual webchat. It is the building block for the Webchat UI.
+
+Let's start simple, there are 3 main components to get started with the Webchat React library:
+
+### Webchat
+
+The `Webchat` component is the main component that will render the webchat. It must be wrapped in a `WebchatProvider` to work.
+
+### useClient
+
+The `useClient` hook is a custom hook that will create an instance of the `WebchatClient`. It requires a `clientId` prop that is a unique identifier for the client.
+
+### WebchatProvider
+
+The `WebchatProvider` component is a context provider that will provide the webchat with the necessary configuration. It requires a `client` prop that is an instance of the `WebchatClient`. The `WebchatProvider` must be provided for any Webchat component to work.
+
+### Theme & Styles
+
+The `WebchatProvider` component also accepts a `theme` prop which is an object that will style the webchat. Read the [extending Botpress themes](theming/extending-botpress-themes) to generate the `theme object` and `stylesheet`.
+
+### What it looks like
+
+```jsx /WebchatProvider/ /Webchat/ /useClient/
+import "./style.css"
+import theme from "./theme.json"
+
+import { Webchat, WebchatProvider, useClient } from '@botpress/webchat'
+
+const App = () => {
+  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
+
+  return (
+    <WebchatProvider client={client} theme={theme}>
+      <Webchat />
+    </WebchatProvider>
+  )
+}
+```
+
+<Demo example="webchat-react-demo" title="React Library Demo" />
+
+This is the simplest way to get started with the Webchat React library. After this, we'll get into more advanced topics like advance components, custom messages components, and more.
+
+## Webchat Advance Components
+
+The webchat offers 4 advanced components to help you build a more advanced version of the webchat. These components are:
+
+<Cards>
+  <Card title="<Message List />" href="react/message-list" />
+  <Card title="<Fab />" href="react/fab" />
+  <Card title="<Header />" href="react/header" />
+  <Card title="<Composer />" href="react/composer" />
+</Cards>
diff --git a/pages/developers/webchat-v2/react/_meta.json b/pages/developers/webchat-v2/react/_meta.json
new file mode 100644
index 00000000..d2112662
--- /dev/null
+++ b/pages/developers/webchat-v2/react/_meta.json
@@ -0,0 +1,7 @@
+{
+  "message-list": "Message List",
+  "custom-message": "Custom Message",
+  "composer": "Composer",
+  "fab": "Fab",
+  "header": "Header"
+}
diff --git a/pages/developers/webchat-v2/react/composer.mdx b/pages/developers/webchat-v2/react/composer.mdx
new file mode 100644
index 00000000..a241f062
--- /dev/null
+++ b/pages/developers/webchat-v2/react/composer.mdx
@@ -0,0 +1,30 @@
+import { Demo } from '@components/Demo'
+
+## Webchat Advance Components
+
+The webchat offers 4 advanced components to help you build a more advanced version of the webchat. These components are:
+
+### Composer
+
+![webchat-embed-config](/docs/content/webchat/component-composer.png)
+
+```jsx /Composer/
+import "./style.css"
+import theme from "./theme.json"
+
+import { Composer, Container, WebchatProvider, useClient } from '@botpress/webchat'
+
+const App = () => {
+  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
+
+  return (
+    <WebchatProvider client={client} theme={theme}>
+      <Container>
+        <Composer />
+      </Container>
+    </WebchatProvider>
+  )
+}
+```
+
+<Demo example="webchat-react-composer" title="Composer Demo" />
diff --git a/pages/developers/webchat-v2/react/custom-message.mdx b/pages/developers/webchat-v2/react/custom-message.mdx
new file mode 100644
index 00000000..a0730503
--- /dev/null
+++ b/pages/developers/webchat-v2/react/custom-message.mdx
@@ -0,0 +1,5 @@
+import { ComingSoon } from '@components/ComingSoon'
+
+# Custom Message Components
+
+<ComingSoon />
diff --git a/pages/developers/webchat-v2/react/fab.mdx b/pages/developers/webchat-v2/react/fab.mdx
new file mode 100644
index 00000000..5975f5c3
--- /dev/null
+++ b/pages/developers/webchat-v2/react/fab.mdx
@@ -0,0 +1,26 @@
+import { Demo } from '@components/Demo'
+
+# Floating Action Button (Fab)
+
+![webchat-embed-config](/docs/content/webchat/component-fab.png)
+
+```jsx /Fab/
+import "./style.css"
+import theme from "./theme.json"
+
+import { Fab, Container, WebchatProvider, useClient } from '@botpress/webchat'
+
+const App = () => {
+  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
+
+  return (
+    <WebchatProvider client={client} theme={theme}>
+      <Container>
+        <Fab />
+      </Container>
+    </WebchatProvider>
+  )
+}
+```
+
+<Demo example="webchat-react-fab" title="Fab Demo" />
diff --git a/pages/developers/webchat-v2/react/header.mdx b/pages/developers/webchat-v2/react/header.mdx
new file mode 100644
index 00000000..cf63edbb
--- /dev/null
+++ b/pages/developers/webchat-v2/react/header.mdx
@@ -0,0 +1,26 @@
+import { Demo } from '@components/Demo'
+
+# Header
+
+![webchat-embed-config](/docs/content/webchat/component-header.png)
+
+```jsx /Header/
+import "./style.css"
+import theme from "./theme.json"
+
+import { Header, Container, WebchatProvider, useClient } from '@botpress/webchat'
+
+const App = () => {
+  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
+
+  return (
+    <WebchatProvider client={client} theme={theme}>
+      <Container>
+        <Header />
+      </Container>
+    </WebchatProvider>
+  )
+}
+```
+
+<Demo example="webchat-react-header" title="Header Demo" />
diff --git a/pages/developers/webchat-v2/react/message-list.mdx b/pages/developers/webchat-v2/react/message-list.mdx
new file mode 100644
index 00000000..1041fe2c
--- /dev/null
+++ b/pages/developers/webchat-v2/react/message-list.mdx
@@ -0,0 +1,29 @@
+import { Demo } from '@components/Demo'
+import { ComingSoon } from '@components/ComingSoon'
+
+## Message List Component
+
+The `MessageList` component is a component that will render the list of messages in the webchat. This component can be used to add custom messages to the webchat.
+
+![webchat-embed-config](/docs/content/webchat/component-message-list.png)
+
+```jsx /MessageList/
+import "./style.css"
+import theme from "./theme.json"
+
+import { MessageList, Container, WebchatProvider, useClient } from '@botpress/webchat'
+
+const App = () => {
+  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
+
+  return (
+    <WebchatProvider client={client} theme={theme}>
+      <Container>
+        <MessageList />
+      </Container>
+    </WebchatProvider>
+  )
+}
+```
+
+<Demo example="webchat-react-message-list" title="Message List Demo" />
diff --git a/pages/developers/webchat-v2/theming.mdx b/pages/developers/webchat-v2/theming.mdx
new file mode 100644
index 00000000..2fd645f1
--- /dev/null
+++ b/pages/developers/webchat-v2/theming.mdx
@@ -0,0 +1,13 @@
+# Theming
+
+The Webchat v2 is designed to be easily customizable with a lot of flexibility. You can theme the webchat in a few different ways. From the simplest to the most advanced, here are the ways you can customize the webchat:
+
+1. **Using Botpress themes**: The easiest way to customize the webchat is to use the themes provided by Botpress. You can choose from a variety of themes that are available out of the box. You can still choose a brand color to match your website or application.
+
+2. **Using the Botpress Styler**: The simplest way to extend themes, if the base themes aren't enough, is to use the Botpress Styler interface. *(Comming Soon)*
+
+3. **Extending Botpress themes**: If you want to customize the theme further, you can do so by creating a custom theme. You can extend the existing themes or create a new theme from scratch. *(Comming Soon)*
+
+4. **Using CSS**: If you want to customize the webchat even further, you can use CSS to style the webchat. You can add custom CSS to the webchat to change the appearance of the webchat. *(Comming Soon)*
+
+5. **Using the React library**: If you want to customize the webchat even further, you can use the [React library](react) to modify the Webchat components.
diff --git a/pages/developers/webchat-v2/theming/_meta.json b/pages/developers/webchat-v2/theming/_meta.json
new file mode 100644
index 00000000..ae681b44
--- /dev/null
+++ b/pages/developers/webchat-v2/theming/_meta.json
@@ -0,0 +1,6 @@
+{
+  "botpress-themes": "Botpress Themes",
+  "botpress-styler": "Botpress Styler",
+  "extending-botpress-themes": "Extending Botpress Themes",
+  "custom-css": "Custom CSS"
+}
diff --git a/pages/developers/webchat-v2/theming/botpress-styler.mdx b/pages/developers/webchat-v2/theming/botpress-styler.mdx
new file mode 100644
index 00000000..2a619d07
--- /dev/null
+++ b/pages/developers/webchat-v2/theming/botpress-styler.mdx
@@ -0,0 +1,5 @@
+import { ComingSoon } from '@components/ComingSoon'
+
+# Botpress Styler
+
+<ComingSoon />
diff --git a/pages/developers/webchat-v2/theming/botpress-themes.mdx b/pages/developers/webchat-v2/theming/botpress-themes.mdx
new file mode 100644
index 00000000..5309d5be
--- /dev/null
+++ b/pages/developers/webchat-v2/theming/botpress-themes.mdx
@@ -0,0 +1,34 @@
+# Botpress Themes
+
+Botpress provides a variety of themes that you can use to customize the appearance of the webchat. You can choose from a variety of themes that are available out of the box. You can still choose a brand color to match your website or application.
+
+![botpress-themes](/docs/content/webchat/themes.png)
+
+Here's a small overview of the themes available:
+
+<div className='grid grid-cols-3'>
+  <div>
+    <h3>Prism</h3>
+    <img src="/docs/content/webchat/themes/prism.png" alt="Prism Theme" />
+  </div>
+  <div>
+    <h3>Dawn</h3>
+    <img src="/docs/content/webchat/themes/dawn.png" alt="Dawn Theme" />
+  </div>
+  <div>
+    <h3>Eggplant</h3>
+    <img src="/docs/content/webchat/themes/eggplant.png" alt="Eggplant Theme" />
+  </div>
+  <div>
+    <h3>Galaxy</h3>
+    <img src="/docs/content/webchat/themes/galaxy.png" alt="Galaxy Theme" />
+  </div>
+    <div>
+    <h3>Midnight</h3>
+    <img src="/docs/content/webchat/themes/midnight.png" alt="Midnight Theme" />
+  </div>
+  <div>
+    <h3>Dusk</h3>
+    <img src="/docs/content/webchat/themes/dusk.png" alt="Dusk Theme" />
+  </div>
+</div>
diff --git a/pages/developers/webchat-v2/theming/custom-css.mdx b/pages/developers/webchat-v2/theming/custom-css.mdx
new file mode 100644
index 00000000..6cc6eacd
--- /dev/null
+++ b/pages/developers/webchat-v2/theming/custom-css.mdx
@@ -0,0 +1,5 @@
+import { ComingSoon } from '@components/ComingSoon'
+
+# Custom CSS
+
+<ComingSoon />
diff --git a/pages/developers/webchat-v2/theming/extending-botpress-themes.mdx b/pages/developers/webchat-v2/theming/extending-botpress-themes.mdx
new file mode 100644
index 00000000..b14687fb
--- /dev/null
+++ b/pages/developers/webchat-v2/theming/extending-botpress-themes.mdx
@@ -0,0 +1,5 @@
+import { ComingSoon } from '@components/ComingSoon'
+
+# Extending Botpress themes
+
+<ComingSoon />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe2b6123..4101aa33 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,7 +10,7 @@ dependencies:
     version: 0.26.4(openapi-types@12.1.3)
   '@botpress/webchat':
     specifier: ^1.3.3
-    version: 1.3.3(@types/react@18.2.14)(csstype@3.1.3)
+    version: 1.3.4(@types/react@18.2.14)(csstype@3.1.3)
   '@heroicons/react':
     specifier: ^2.0.18
     version: 2.0.18(react@18.2.0)
@@ -36,11 +36,11 @@ dependencies:
     specifier: ^4.2.3
     version: 4.2.3(next@13.4.7)
   nextra:
-    specifier: ^2.7.1
-    version: 2.8.0(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
+    specifier: ^2.13.4
+    version: 2.13.4(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
   nextra-theme-docs:
-    specifier: ^2.7.1
-    version: 2.8.0(next@13.4.7)(nextra@2.8.0)(react-dom@18.2.0)(react@18.2.0)
+    specifier: ^2.13.4
+    version: 2.13.4(next@13.4.7)(nextra@2.13.4)(react-dom@18.2.0)(react@18.2.0)
   prism-react-renderer:
     specifier: ^1.3.5
     version: 1.3.5(react@18.2.0)
@@ -64,7 +64,7 @@ dependencies:
     version: 2.5.0
   user-agents:
     specifier: ^1.1.184
-    version: 1.1.184
+    version: 1.1.185
   zod:
     specifier: ^3.21.4
     version: 3.22.3
@@ -1486,8 +1486,8 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@botpress/webchat@1.3.3(@types/react@18.2.14)(csstype@3.1.3):
-    resolution: {integrity: sha512-xp5NJzA+goULfGV7ot30ANuRyKRYKO+dO7zzTHtxFW4q7WIfuC/CS9o6qNoxnPvFkkjZT7YIzcIp+zKtmtX6PA==}
+  /@botpress/webchat@1.3.4(@types/react@18.2.14)(csstype@3.1.3):
+    resolution: {integrity: sha512-ORhUwUOmL0ruiI9j6hoJjKQf3OGp4Gj/8sVjNn0rFT2jBm/ED4t1iScxnsc0G1+CQj/JT7aElMh/sUmaLf/85A==}
     dependencies:
       '@botpress/messaging-socket': 1.3.0
       '@floating-ui/react': 0.25.4(react-dom@18.2.0)(react@18.2.0)
@@ -1496,11 +1496,13 @@ packages:
       '@radix-ui/react-avatar': 1.0.4(@types/react@18.2.14)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-collapsible': 1.0.3(@types/react@18.2.14)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dialog': 1.0.5(@types/react@18.2.14)(react-dom@18.2.0)(react@18.2.0)
+      '@types/qs': 6.9.15
       axios: 1.2.5
       clsx: 2.1.1
       dayjs: 1.11.10
       embla-carousel-react: 8.0.0-rc11(react@18.2.0)
       event-source-polyfill: 1.0.31
+      qs: 6.12.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-hot-toast: 2.4.1(csstype@3.1.3)(react-dom@18.2.0)(react@18.2.0)
@@ -1869,13 +1871,14 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@headlessui/react@1.7.15(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-OTO0XtoRQ6JPB1cKNFYBZv2Q0JMqMGNhYP1CjPvcJvjz8YGokz8oAj89HIYZGN0gZzn/4kk9iUpmMF4Q21Gsqw==}
+  /@headlessui/react@1.7.19(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Ll+8q3OlMJfJbAKM/+/Y2q6PPYbryqNTXDbryx7SXLIDamkF6iQFbriYHga0dY44PvDhvvBWCx1Xj4U5+G4hOw==}
     engines: {node: '>=10'}
     peerDependencies:
       react: ^16 || ^17 || ^18
       react-dom: ^16 || ^17 || ^18
     dependencies:
+      '@tanstack/react-virtual': 3.4.0(react-dom@18.2.0)(react@18.2.0)
       client-only: 0.0.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -1978,8 +1981,8 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@napi-rs/simple-git-android-arm-eabi@0.1.8:
-    resolution: {integrity: sha512-JJCejHBB1G6O8nxjQLT4quWCcvLpC3oRdJJ9G3MFYSCoYS8i1bWCWeU+K7Br+xT+D6s1t9q8kNJAwJv9Ygpi0g==}
+  /@napi-rs/simple-git-android-arm-eabi@0.1.16:
+    resolution: {integrity: sha512-dbrCL0Pl5KZG7x7tXdtVsA5CO6At5ohDX3myf5xIYn9kN4jDFxsocl8bNt6Vb/hZQoJd8fI+k5VlJt+rFhbdVw==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [android]
@@ -1987,8 +1990,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-android-arm64@0.1.8:
-    resolution: {integrity: sha512-mraHzwWBw3tdRetNOS5KnFSjvdAbNBnjFLA8I4PwTCPJj3Q4txrigcPp2d59cJ0TC51xpnPXnZjYdNwwSI9g6g==}
+  /@napi-rs/simple-git-android-arm64@0.1.16:
+    resolution: {integrity: sha512-xYz+TW5J09iK8SuTAKK2D5MMIsBUXVSs8nYp7HcMi8q6FCRO7yJj96YfP9PvKsc/k64hOyqGmL5DhCzY9Cu1FQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
@@ -1996,8 +1999,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-darwin-arm64@0.1.8:
-    resolution: {integrity: sha512-ufy/36eI/j4UskEuvqSH7uXtp3oXeLDmjQCfKJz3u5Vx98KmOMKrqAm2H81AB2WOtCo5mqS6PbBeUXR8BJX8lQ==}
+  /@napi-rs/simple-git-darwin-arm64@0.1.16:
+    resolution: {integrity: sha512-XfgsYqxhUE022MJobeiX563TJqyQyX4FmYCnqrtJwAfivESVeAJiH6bQIum8dDEYMHXCsG7nL8Ok0Dp8k2m42g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
@@ -2005,8 +2008,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-darwin-x64@0.1.8:
-    resolution: {integrity: sha512-Vb21U+v3tPJNl+8JtIHHT8HGe6WZ8o1Tq3f6p+Jx9Cz71zEbcIiB9FCEMY1knS/jwQEOuhhlI9Qk7d4HY+rprA==}
+  /@napi-rs/simple-git-darwin-x64@0.1.16:
+    resolution: {integrity: sha512-tkEVBhD6vgRCbeWsaAQqM3bTfpIVGeitamPPRVSbsq8qgzJ5Dx6ZedH27R7KSsA/uao7mZ3dsrNLXbu1Wy5MzA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
@@ -2014,8 +2017,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm-gnueabihf@0.1.8:
-    resolution: {integrity: sha512-6BPTJ7CzpSm2t54mRLVaUr3S7ORJfVJoCk2rQ8v8oDg0XAMKvmQQxOsAgqKBo9gYNHJnqrOx3AEuEgvB586BuQ==}
+  /@napi-rs/simple-git-linux-arm-gnueabihf@0.1.16:
+    resolution: {integrity: sha512-R6VAyNnp/yRaT7DV1Ao3r67SqTWDa+fNq2LrNy0Z8gXk2wB9ZKlrxFtLPE1WSpWknWtyRDLpRlsorh7Evk7+7w==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
@@ -2023,8 +2026,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm64-gnu@0.1.8:
-    resolution: {integrity: sha512-qfESqUCAA/XoQpRXHptSQ8gIFnETCQt1zY9VOkplx6tgYk9PCeaX4B1Xuzrh3eZamSCMJFn+1YB9Ut8NwyGgAA==}
+  /@napi-rs/simple-git-linux-arm64-gnu@0.1.16:
+    resolution: {integrity: sha512-LAGI0opFKw/HBMCV2qIBK3uWSEW9h4xd2ireZKLJy8DBPymX6NrWIamuxYNyCuACnFdPRxR4LaRFy4J5ZwuMdw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -2032,8 +2035,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm64-musl@0.1.8:
-    resolution: {integrity: sha512-G80BQPpaRmQpn8dJGHp4I2/YVhWDUNJwcCrJAtAdbKFDCMyCHJBln2ERL/+IEUlIAT05zK/c1Z5WEprvXEdXow==}
+  /@napi-rs/simple-git-linux-arm64-musl@0.1.16:
+    resolution: {integrity: sha512-I57Ph0F0Yn2KW93ep+V1EzKhACqX0x49vvSiapqIsdDA2PifdEWLc1LJarBolmK7NKoPqKmf6lAKKO9lhiZzkg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -2041,8 +2044,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-x64-gnu@0.1.8:
-    resolution: {integrity: sha512-NI6o1sZYEf6vPtNWJAm9w8BxJt+LlSFW0liSjYe3lc3e4dhMfV240f0ALeqlwdIldRPaDFwZSJX5/QbS7nMzhw==}
+  /@napi-rs/simple-git-linux-x64-gnu@0.1.16:
+    resolution: {integrity: sha512-AZYYFY2V7hlcQASPEOWyOa3e1skzTct9QPzz0LiDM3f/hCFY/wBaU2M6NC5iG3d2Kr38heuyFS/+JqxLm5WaKA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -2050,8 +2053,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-x64-musl@0.1.8:
-    resolution: {integrity: sha512-wljGAEOW41er45VTiU8kXJmO480pQKzsgRCvPlJJSCaEVBbmo6XXbFIXnZy1a2J3Zyy2IOsRB4PVkUZaNuPkZQ==}
+  /@napi-rs/simple-git-linux-x64-musl@0.1.16:
+    resolution: {integrity: sha512-9TyMcYSBJwjT8jwjY9m24BZbu7ozyWTjsmYBYNtK3B0Um1Ov6jthSNneLVvouQ6x+k3Ow+00TiFh6bvmT00r8g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -2059,8 +2062,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-win32-arm64-msvc@0.1.8:
-    resolution: {integrity: sha512-QuV4QILyKPfbWHoQKrhXqjiCClx0SxbCTVogkR89BwivekqJMd9UlMxZdoCmwLWutRx4z9KmzQqokvYI5QeepA==}
+  /@napi-rs/simple-git-win32-arm64-msvc@0.1.16:
+    resolution: {integrity: sha512-uslJ1WuAHCYJWui6xjsyT47SjX6KOHDtClmNO8hqKz1pmDSNY7AjyUY8HxvD1lK9bDnWwc4JYhikS9cxCqHybw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
@@ -2068,8 +2071,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-win32-x64-msvc@0.1.8:
-    resolution: {integrity: sha512-UzNS4JtjhZhZ5hRLq7BIUq+4JOwt1ThIKv11CsF1ag2l99f0123XvfEpjczKTaa94nHtjXYc2Mv9TjccBqYOew==}
+  /@napi-rs/simple-git-win32-x64-msvc@0.1.16:
+    resolution: {integrity: sha512-SoEaVeCZCDF1MP+M9bMSXsZWgEjk4On9GWADO5JOulvzR1bKjk0s9PMHwe/YztR9F0sJzrCxwtvBZowhSJsQPg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -2077,21 +2080,21 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git@0.1.8:
-    resolution: {integrity: sha512-BvOMdkkofTz6lEE35itJ/laUokPhr/5ToMGlOH25YnhLD2yN1KpRAT4blW9tT8281/1aZjW3xyi73bs//IrDKA==}
+  /@napi-rs/simple-git@0.1.16:
+    resolution: {integrity: sha512-C5wRPw9waqL2jk3jEDeJv+f7ScuO3N0a39HVdyFLkwKxHH4Sya4ZbzZsu2JLi6eEqe7RuHipHL6mC7B2OfYZZw==}
     engines: {node: '>= 10'}
     optionalDependencies:
-      '@napi-rs/simple-git-android-arm-eabi': 0.1.8
-      '@napi-rs/simple-git-android-arm64': 0.1.8
-      '@napi-rs/simple-git-darwin-arm64': 0.1.8
-      '@napi-rs/simple-git-darwin-x64': 0.1.8
-      '@napi-rs/simple-git-linux-arm-gnueabihf': 0.1.8
-      '@napi-rs/simple-git-linux-arm64-gnu': 0.1.8
-      '@napi-rs/simple-git-linux-arm64-musl': 0.1.8
-      '@napi-rs/simple-git-linux-x64-gnu': 0.1.8
-      '@napi-rs/simple-git-linux-x64-musl': 0.1.8
-      '@napi-rs/simple-git-win32-arm64-msvc': 0.1.8
-      '@napi-rs/simple-git-win32-x64-msvc': 0.1.8
+      '@napi-rs/simple-git-android-arm-eabi': 0.1.16
+      '@napi-rs/simple-git-android-arm64': 0.1.16
+      '@napi-rs/simple-git-darwin-arm64': 0.1.16
+      '@napi-rs/simple-git-darwin-x64': 0.1.16
+      '@napi-rs/simple-git-linux-arm-gnueabihf': 0.1.16
+      '@napi-rs/simple-git-linux-arm64-gnu': 0.1.16
+      '@napi-rs/simple-git-linux-arm64-musl': 0.1.16
+      '@napi-rs/simple-git-linux-x64-gnu': 0.1.16
+      '@napi-rs/simple-git-linux-x64-musl': 0.1.16
+      '@napi-rs/simple-git-win32-arm64-msvc': 0.1.16
+      '@napi-rs/simple-git-win32-x64-msvc': 0.1.16
     dev: false
 
   /@next/env@13.4.7:
@@ -2743,18 +2746,40 @@ packages:
       tslib: 2.6.0
     dev: false
 
-  /@theguild/remark-mermaid@0.0.3(react@18.2.0):
-    resolution: {integrity: sha512-fccVR6o4UPUztrBjdUhM4ahwx+X7YHhoxsUoXv2vI07vz4dq+I03Ot0SjuZzDA/H7engxcb8ZxzCUEkZgGr/2g==}
+  /@tanstack/react-virtual@3.4.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-GZN4xn/Tg5w7gvYeVcMVCeL4pEyUhvg+Cp6KX2Z01C4FRNxIWMgIQ9ibgMarNQfo+gt0PVLcEER4A9sNv/jlow==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@tanstack/virtual-core': 3.4.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@tanstack/virtual-core@3.4.0:
+    resolution: {integrity: sha512-75jXqXxqq5M5Veb9KP1STi8kA5u408uOOAefk2ftHDGCpUk3RP6zX++QqfbmHJTBiU72NQ+ghgCZVts/Wocz8Q==}
+    dev: false
+
+  /@theguild/remark-mermaid@0.0.5(react@18.2.0):
+    resolution: {integrity: sha512-e+ZIyJkEv9jabI4m7q29wZtZv+2iwPGsXJ2d46Zi7e+QcFudiyuqhLhHG/3gX3ZEB+hxTch+fpItyMS8jwbIcw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
       mermaid: 10.2.3
       react: 18.2.0
-      unist-util-visit: 4.1.2
+      unist-util-visit: 5.0.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
+  /@theguild/remark-npm2yarn@0.2.1:
+    resolution: {integrity: sha512-jUTFWwDxtLEFtGZh/TW/w30ySaDJ8atKWH8dq2/IiQF61dPrGfETpl0WxD0VdBfuLOeU14/kop466oBSRO/5CA==}
+    dependencies:
+      npm-to-yarn: 2.2.1
+      unist-util-visit: 5.0.0
+    dev: false
+
   /@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -2812,10 +2837,6 @@ packages:
   /@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
 
-  /@types/katex@0.14.0:
-    resolution: {integrity: sha512-+2FW2CcT0K3P+JMR8YG846bmDwplKUTsWgT2ENwdQ1UdVfRk3GQrh6Mi4sTopy30gI8Uau5CEqHTDZ6YvWIUPA==}
-    dev: false
-
   /@types/katex@0.16.0:
     resolution: {integrity: sha512-hz+S3nV6Mym5xPbT9fnO8dDhBFQguMYpY0Ipxv06JMi1ORgnEM4M1ymWDUhUNer3ElLmT583opRo4RzxKmh9jw==}
     dev: false
@@ -2832,7 +2853,7 @@ packages:
   /@types/mdast@4.0.3:
     resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
     dependencies:
-      '@types/unist': 2.0.6
+      '@types/unist': 3.0.2
     dev: false
 
   /@types/mdx@2.0.5:
@@ -2857,6 +2878,10 @@ packages:
   /@types/prop-types@15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
 
+  /@types/qs@6.9.15:
+    resolution: {integrity: sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==}
+    dev: false
+
   /@types/react@18.2.14:
     resolution: {integrity: sha512-A0zjq+QN/O0Kpe30hA1GidzyFjatVvrpIvWLxD+xv67Vt91TWWgco9IvrJBkeyHm1trGaFS/FSGqPlhyeZRm0g==}
     dependencies:
@@ -3179,6 +3204,17 @@ packages:
       streamsearch: 1.1.0
     dev: false
 
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+    dev: false
+
   /call-me-maybe@1.0.2:
     resolution: {integrity: sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==}
 
@@ -3289,11 +3325,6 @@ packages:
       execa: 0.8.0
     dev: false
 
-  /clsx@1.2.1:
-    resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==}
-    engines: {node: '>=6'}
-    dev: false
-
   /clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -3899,6 +3930,15 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+    dev: false
+
   /delaunator@5.0.0:
     resolution: {integrity: sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==}
     dependencies:
@@ -4061,6 +4101,18 @@ packages:
       stackframe: 1.3.4
     dev: false
 
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: false
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
   /es5-ext@0.10.62:
     resolution: {integrity: sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==}
     engines: {node: '>=0.10'}
@@ -4522,10 +4574,25 @@ packages:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
     dev: true
 
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: false
+
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+    dev: false
+
   /get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
@@ -4638,6 +4705,12 @@ packages:
       csstype: 3.1.3
     dev: false
 
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: false
+
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
     dev: false
@@ -4672,6 +4745,22 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.0
+    dev: false
+
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
   /has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
     engines: {node: '>= 0.4.0'}
@@ -4688,55 +4777,82 @@ packages:
       type-fest: 1.4.0
     dev: false
 
-  /hast-util-from-dom@4.2.0:
-    resolution: {integrity: sha512-t1RJW/OpJbCAJQeKi3Qrj1cAOLA0+av/iPFori112+0X7R3wng+jxLA+kXec8K4szqPRGI8vPxbbpEYvvpwaeQ==}
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      hastscript: 7.2.0
+      function-bind: 1.1.2
+    dev: false
+
+  /hast-util-from-dom@5.0.0:
+    resolution: {integrity: sha512-d6235voAp/XR3Hh5uy7aGLbM3S4KamdW0WEgOaU1YoewnuYw4HXb5eRtv9g65m/RFGEfUY1Mw4UqCc5Y8L4Stg==}
+    dependencies:
+      '@types/hast': 3.0.4
+      hastscript: 8.0.0
       web-namespaces: 2.0.1
     dev: false
 
-  /hast-util-from-html-isomorphic@1.0.0:
-    resolution: {integrity: sha512-Yu480AKeOEN/+l5LA674a+7BmIvtDj24GvOt7MtQWuhzUwlaaRWdEPXAh3Qm5vhuthpAipFb2vTetKXWOjmTvw==}
+  /hast-util-from-html-isomorphic@2.0.0:
+    resolution: {integrity: sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==}
     dependencies:
-      '@types/hast': 2.3.4
-      hast-util-from-dom: 4.2.0
-      hast-util-from-html: 1.0.2
-      unist-util-remove-position: 4.0.2
+      '@types/hast': 3.0.4
+      hast-util-from-dom: 5.0.0
+      hast-util-from-html: 2.0.1
+      unist-util-remove-position: 5.0.0
     dev: false
 
-  /hast-util-from-html@1.0.2:
-    resolution: {integrity: sha512-LhrTA2gfCbLOGJq2u/asp4kwuG0y6NhWTXiPKP+n0qNukKy7hc10whqqCFfyvIA1Q5U5d0sp9HhNim9gglEH4A==}
+  /hast-util-from-html@2.0.1:
+    resolution: {integrity: sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==}
     dependencies:
-      '@types/hast': 2.3.4
-      hast-util-from-parse5: 7.1.2
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      hast-util-from-parse5: 8.0.1
       parse5: 7.1.2
-      vfile: 5.3.7
-      vfile-message: 3.1.4
+      vfile: 6.0.1
+      vfile-message: 4.0.2
     dev: false
 
-  /hast-util-from-parse5@7.1.2:
-    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+  /hast-util-from-parse5@8.0.1:
+    resolution: {integrity: sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==}
     dependencies:
-      '@types/hast': 2.3.4
-      '@types/unist': 2.0.6
-      hastscript: 7.2.0
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      devlop: 1.1.0
+      hastscript: 8.0.0
       property-information: 6.2.0
-      vfile: 5.3.7
-      vfile-location: 4.1.0
+      vfile: 6.0.1
+      vfile-location: 5.0.2
       web-namespaces: 2.0.1
     dev: false
 
-  /hast-util-is-element@2.1.3:
-    resolution: {integrity: sha512-O1bKah6mhgEq2WtVMk+Ta5K7pPMqsBBlmzysLdcwKVrqzZQ0CHqUPiIVspNhAG1rvxpvJjtGee17XfauZYKqVA==}
+  /hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
     dependencies:
-      '@types/hast': 2.3.4
-      '@types/unist': 2.0.6
+      '@types/hast': 3.0.4
     dev: false
 
-  /hast-util-parse-selector@3.1.1:
-    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
+  /hast-util-parse-selector@4.0.0:
+    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
     dependencies:
-      '@types/hast': 2.3.4
+      '@types/hast': 3.0.4
+    dev: false
+
+  /hast-util-raw@9.0.2:
+    resolution: {integrity: sha512-PldBy71wO9Uq1kyaMch9AHIghtQvIwxBUkv823pKmkTM3oV1JxtsTNYdevMxvUHqcnOAuO65JKU2+0NOxc2ksA==}
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      '@ungap/structured-clone': 1.2.0
+      hast-util-from-parse5: 8.0.1
+      hast-util-to-parse5: 8.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.1.0
+      parse5: 7.1.2
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.1
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
     dev: false
 
   /hast-util-to-estree@2.3.3:
@@ -4783,13 +4899,25 @@ packages:
       - supports-color
     dev: false
 
-  /hast-util-to-text@3.1.2:
-    resolution: {integrity: sha512-tcllLfp23dJJ+ju5wCCZHVpzsQQ43+moJbqVX3jNWPB7z/KFC4FyZD6R7y94cHL6MQ33YtMZL8Z0aIXXI4XFTw==}
+  /hast-util-to-parse5@8.0.0:
+    resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==}
     dependencies:
-      '@types/hast': 2.3.4
-      '@types/unist': 2.0.6
-      hast-util-is-element: 2.1.3
-      unist-util-find-after: 4.0.1
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      property-information: 6.2.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+    dev: false
+
+  /hast-util-to-text@4.0.2:
+    resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==}
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
     dev: false
 
   /hast-util-whitespace@2.0.1:
@@ -4802,12 +4930,12 @@ packages:
       '@types/hast': 3.0.4
     dev: false
 
-  /hastscript@7.2.0:
-    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
+  /hastscript@8.0.0:
+    resolution: {integrity: sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==}
     dependencies:
-      '@types/hast': 2.3.4
+      '@types/hast': 3.0.4
       comma-separated-tokens: 2.0.3
-      hast-util-parse-selector: 3.1.1
+      hast-util-parse-selector: 4.0.0
       property-information: 6.2.0
       space-separated-tokens: 2.0.2
     dev: false
@@ -4825,6 +4953,10 @@ packages:
     resolution: {integrity: sha512-/sXbVCWayk6GDVg3ctOX6nxaVj7So40FcFAnWlWGNAB1LpYKcV5Cd10APjPjW80O7zYW2MsjBV4zZ7IZO5fVow==}
     dev: false
 
+  /html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+    dev: false
+
   /human-signals@5.0.0:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
@@ -5123,8 +5255,8 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  /katex@0.16.8:
-    resolution: {integrity: sha512-ftuDnJbcbOckGY11OO+zg3OofESlbR5DRl2cmN8HeWeeFIV7wTXvAOx8kEjZjobhA+9wh2fbKeO6cdcA9Mnovg==}
+  /katex@0.16.10:
+    resolution: {integrity: sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA==}
     hasBin: true
     dependencies:
       commander: 8.3.0
@@ -5915,7 +6047,7 @@ packages:
     resolution: {integrity: sha512-es0CcOV89VNS9wFmyn+wyFTKweXGW4CEvdaAca6SWRWPyYCbBisnjaHLjWO4Nszuiud84jCpkHsqAJoa768Pvg==}
     dependencies:
       '@types/katex': 0.16.0
-      katex: 0.16.8
+      katex: 0.16.10
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
@@ -6506,17 +6638,18 @@ packages:
       - babel-plugin-macros
     dev: false
 
-  /nextra-theme-docs@2.8.0(next@13.4.7)(nextra@2.8.0)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JoSAILDVp0GxeVWWZBFGoRijE2RcjZcXrMa47Fssi254T5wF+gm0HvEOSwrTaKaPaUL+IfshAiKglvXNKGzbNw==}
+  /nextra-theme-docs@2.13.4(next@13.4.7)(nextra@2.13.4)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-2XOoMfwBCTYBt8ds4ZHftt9Wyf2XsykiNo02eir/XEYB+sGeUoE77kzqfidjEOKCSzOHYbK9BDMcg2+B/2vYRw==}
     peerDependencies:
       next: '>=9.5.3'
-      nextra: 2.8.0
+      nextra: 2.13.4
       react: '>=16.13.1'
       react-dom: '>=16.13.1'
     dependencies:
-      '@headlessui/react': 1.7.15(react-dom@18.2.0)(react@18.2.0)
+      '@headlessui/react': 1.7.19(react-dom@18.2.0)(react@18.2.0)
       '@popperjs/core': 2.11.8
-      clsx: 1.2.1
+      clsx: 2.1.1
+      escape-string-regexp: 5.0.0
       flexsearch: 0.7.31
       focus-visible: 5.2.0
       git-url-parse: 13.1.0
@@ -6525,47 +6658,50 @@ packages:
       next: 13.4.7(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0)(sass@1.63.6)
       next-seo: 6.1.0(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
       next-themes: 0.2.1(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
-      nextra: 2.8.0(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
+      nextra: 2.13.4(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      scroll-into-view-if-needed: 3.0.10
-      zod: 3.22.3
+      scroll-into-view-if-needed: 3.1.0
+      zod: 3.22.4
     dev: false
 
-  /nextra@2.8.0(next@13.4.7)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-WyRNzw1IM/eF3M1H3LSsbZH97QsYYgj8upjx0f8hY6GspmPyPRAvBBscmXRt+7vye2oIYjfVwSiD1rj9amqq9Q==}
+  /nextra@2.13.4(next@13.4.7)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-7of2rSBxuUa3+lbMmZwG9cqgftcoNOVQLTT6Rxf3EhBR9t1EI7b43dted8YoqSNaigdE3j1CoyNkX8N/ZzlEpw==}
     engines: {node: '>=16'}
     peerDependencies:
       next: '>=9.5.3'
       react: '>=16.13.1'
       react-dom: '>=16.13.1'
     dependencies:
+      '@headlessui/react': 1.7.19(react-dom@18.2.0)(react@18.2.0)
       '@mdx-js/mdx': 2.3.0
       '@mdx-js/react': 2.3.0(react@18.2.0)
-      '@napi-rs/simple-git': 0.1.8
-      '@theguild/remark-mermaid': 0.0.3(react@18.2.0)
-      clsx: 1.2.1
+      '@napi-rs/simple-git': 0.1.16
+      '@theguild/remark-mermaid': 0.0.5(react@18.2.0)
+      '@theguild/remark-npm2yarn': 0.2.1
+      clsx: 2.1.1
       github-slugger: 2.0.0
       graceful-fs: 4.2.11
       gray-matter: 4.0.3
-      katex: 0.16.8
+      katex: 0.16.10
       lodash.get: 4.4.2
       next: 13.4.7(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0)(sass@1.63.6)
       next-mdx-remote: 4.4.1(react-dom@18.2.0)(react@18.2.0)
       p-limit: 3.1.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      rehype-katex: 6.0.3
-      rehype-pretty-code: 0.9.9(shiki@0.14.3)
+      rehype-katex: 7.0.0
+      rehype-pretty-code: 0.9.11(shiki@0.14.3)
+      rehype-raw: 7.0.0
       remark-gfm: 3.0.1
       remark-math: 5.1.1
       remark-reading-time: 2.0.1
       shiki: 0.14.3
       slash: 3.0.0
       title: 3.5.3
-      unist-util-remove: 3.1.1
-      unist-util-visit: 4.1.2
-      zod: 3.22.3
+      unist-util-remove: 4.0.0
+      unist-util-visit: 5.0.0
+      zod: 3.22.4
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -6607,6 +6743,11 @@ packages:
       path-key: 4.0.0
     dev: false
 
+  /npm-to-yarn@2.2.1:
+    resolution: {integrity: sha512-O/j/ROyX0KGLG7O6Ieut/seQ0oiTpHF2tXAcFbpdTLQFiaNtkyTXXocM1fwpaa60dg1qpWj0nHlbNhx6qwuENQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: false
+
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
@@ -6622,6 +6763,10 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+    dev: false
+
   /once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
@@ -7003,6 +7148,13 @@ packages:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
     engines: {node: '>=6'}
 
+  /qs@6.12.1:
+    resolution: {integrity: sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.6
+    dev: false
+
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -7226,19 +7378,20 @@ packages:
       jsesc: 0.5.0
     dev: true
 
-  /rehype-katex@6.0.3:
-    resolution: {integrity: sha512-ByZlRwRUcWegNbF70CVRm2h/7xy7jQ3R9LaY4VVSvjnoVWwWVhNL60DiZsBpC5tSzYQOCvDbzncIpIjPZWodZA==}
+  /rehype-katex@7.0.0:
+    resolution: {integrity: sha512-h8FPkGE00r2XKU+/acgqwWUlyzve1IiOKwsEkg4pDL3k48PiE0Pt+/uLtVHDVkN1yA4iurZN6UES8ivHVEQV6Q==}
     dependencies:
-      '@types/hast': 2.3.4
-      '@types/katex': 0.14.0
-      hast-util-from-html-isomorphic: 1.0.0
-      hast-util-to-text: 3.1.2
-      katex: 0.16.8
-      unist-util-visit: 4.1.2
+      '@types/hast': 3.0.4
+      '@types/katex': 0.16.0
+      hast-util-from-html-isomorphic: 2.0.0
+      hast-util-to-text: 4.0.2
+      katex: 0.16.10
+      unist-util-visit-parents: 6.0.1
+      vfile: 6.0.1
     dev: false
 
-  /rehype-pretty-code@0.9.9(shiki@0.14.3):
-    resolution: {integrity: sha512-mlU2Qgupn9MMK31CTmWk0Ie5Vp0od+jh2vCkGDBMlPAMeAvYASn6Ois6xRmosutMT4yH/COc3R4r/PELpuUoWg==}
+  /rehype-pretty-code@0.9.11(shiki@0.14.3):
+    resolution: {integrity: sha512-Eq90eCYXQJISktfRZ8PPtwc5SUyH6fJcxS8XOMnHPUQZBtC6RYo67gGlley9X2nR8vlniPj0/7oCDEYHKQa/oA==}
     engines: {node: '>=16'}
     peerDependencies:
       shiki: '*'
@@ -7249,6 +7402,14 @@ packages:
       shiki: 0.14.3
     dev: false
 
+  /rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.0.2
+      vfile: 6.0.1
+    dev: false
+
   /remark-breaks@4.0.0:
     resolution: {integrity: sha512-IjEjJOkH4FuJvHZVIW0QCDWxcG96kCq7An/KVH2NfJe6rKZU2AsHeB3OEjPNRxi4QC34Xdx7I2KGYn6IpT7gxQ==}
     dependencies:
@@ -7473,8 +7634,8 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /scroll-into-view-if-needed@3.0.10:
-    resolution: {integrity: sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==}
+  /scroll-into-view-if-needed@3.1.0:
+    resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
     dependencies:
       compute-scroll-into-view: 3.0.3
     dev: false
@@ -7498,6 +7659,18 @@ packages:
     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
     hasBin: true
 
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+    dev: false
+
   /set-harmonic-interval@1.0.1:
     resolution: {integrity: sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==}
     engines: {node: '>=6.9'}
@@ -7534,6 +7707,16 @@ packages:
       vscode-textmate: 8.0.0
     dev: false
 
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.1
+    dev: false
+
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: false
@@ -8074,11 +8257,11 @@ packages:
       vfile: 6.0.1
     dev: false
 
-  /unist-util-find-after@4.0.1:
-    resolution: {integrity: sha512-QO/PuPMm2ERxC6vFXEPtmAutOopy5PknD+Oq64gGwxKtk4xwo9Z97t9Av1obPmGU0IyTa6EKYUfTrK2QJS3Ozw==}
+  /unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
     dependencies:
-      '@types/unist': 2.0.6
-      unist-util-is: 5.2.1
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
     dev: false
 
   /unist-util-generated@2.0.1:
@@ -8129,12 +8312,12 @@ packages:
       unist-util-visit: 5.0.0
     dev: false
 
-  /unist-util-remove@3.1.1:
-    resolution: {integrity: sha512-kfCqZK5YVY5yEa89tvpl7KnBBHu2c6CzMkqHUrlOqaRgGOMp0sMvwWOVrbAtj03KhovQB7i96Gda72v/EFE0vw==}
+  /unist-util-remove@4.0.0:
+    resolution: {integrity: sha512-b4gokeGId57UVRX/eVKej5gXqGlc9+trkORhFJpu9raqZkZhU0zm8Doi05+HaiBsMEIJowL+2WtQ5ItjsngPXg==}
     dependencies:
-      '@types/unist': 2.0.6
-      unist-util-is: 5.2.1
-      unist-util-visit-parents: 5.1.3
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
     dev: false
 
   /unist-util-stringify-position@3.0.3:
@@ -8255,8 +8438,8 @@ packages:
       react: 18.2.0
     dev: false
 
-  /user-agents@1.1.184:
-    resolution: {integrity: sha512-EN5a+zGQ6wnBytAR0ktN30Eap6J4DTac9oIhJX3QWag4Zo3zWlOJHbwndvqIDXcAPMMO+9gSQg9jSUVXp0dAaw==}
+  /user-agents@1.1.185:
+    resolution: {integrity: sha512-yut0N7UBkviH9cUNvTL/6KKo3zZ4uL1PvWx/FHoldWSvpCCtEGItebP/SHWqkq6vSNOKUQsGyDYjlCY+n+M/Fw==}
     dependencies:
       lodash.clonedeep: 4.5.0
     dev: false
@@ -8299,11 +8482,11 @@ packages:
       extsprintf: 1.4.1
     dev: false
 
-  /vfile-location@4.1.0:
-    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
+  /vfile-location@5.0.2:
+    resolution: {integrity: sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==}
     dependencies:
-      '@types/unist': 2.0.6
-      vfile: 5.3.7
+      '@types/unist': 3.0.2
+      vfile: 6.0.1
     dev: false
 
   /vfile-matter@3.0.1:
diff --git a/public/content/webchat/component-composer.png b/public/content/webchat/component-composer.png
new file mode 100644
index 00000000..33709c9b
Binary files /dev/null and b/public/content/webchat/component-composer.png differ
diff --git a/public/content/webchat/component-fab.png b/public/content/webchat/component-fab.png
new file mode 100644
index 00000000..2ce876ed
Binary files /dev/null and b/public/content/webchat/component-fab.png differ
diff --git a/public/content/webchat/component-header.png b/public/content/webchat/component-header.png
new file mode 100644
index 00000000..c4eb76a7
Binary files /dev/null and b/public/content/webchat/component-header.png differ
diff --git a/public/content/webchat/component-message-list.png b/public/content/webchat/component-message-list.png
new file mode 100644
index 00000000..edbfb639
Binary files /dev/null and b/public/content/webchat/component-message-list.png differ
diff --git a/public/content/webchat/demo.png b/public/content/webchat/demo.png
new file mode 100644
index 00000000..9dcf609e
Binary files /dev/null and b/public/content/webchat/demo.png differ
diff --git a/public/content/webchat/embed-config.png b/public/content/webchat/embed-config.png
new file mode 100644
index 00000000..b303bc44
Binary files /dev/null and b/public/content/webchat/embed-config.png differ
diff --git a/public/content/webchat/themes.png b/public/content/webchat/themes.png
new file mode 100644
index 00000000..b26ae80d
Binary files /dev/null and b/public/content/webchat/themes.png differ
diff --git a/public/content/webchat/themes/dawn.png b/public/content/webchat/themes/dawn.png
new file mode 100644
index 00000000..057e892d
Binary files /dev/null and b/public/content/webchat/themes/dawn.png differ
diff --git a/public/content/webchat/themes/dusk.png b/public/content/webchat/themes/dusk.png
new file mode 100644
index 00000000..6f11eb82
Binary files /dev/null and b/public/content/webchat/themes/dusk.png differ
diff --git a/public/content/webchat/themes/eggplant.png b/public/content/webchat/themes/eggplant.png
new file mode 100644
index 00000000..f2badf80
Binary files /dev/null and b/public/content/webchat/themes/eggplant.png differ
diff --git a/public/content/webchat/themes/galaxy.png b/public/content/webchat/themes/galaxy.png
new file mode 100644
index 00000000..33e6a520
Binary files /dev/null and b/public/content/webchat/themes/galaxy.png differ
diff --git a/public/content/webchat/themes/midnight.png b/public/content/webchat/themes/midnight.png
new file mode 100644
index 00000000..42b8f461
Binary files /dev/null and b/public/content/webchat/themes/midnight.png differ
diff --git a/public/content/webchat/themes/prism.png b/public/content/webchat/themes/prism.png
new file mode 100644
index 00000000..597120eb
Binary files /dev/null and b/public/content/webchat/themes/prism.png differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 2ec396f1..49c73dbd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,7 +17,11 @@ module.exports = {
         fadein: {
           '0%': { opacity: 0 },
           '100%': { opacity: 1 },
-        }
+        },
+        scaleout: {
+          '0%': { transform: 'scale(0.2)' },
+          '100%': { transform: 'scale(1)' },
+        },
       },
       colors: {
         bpBlue: '#3276ea',
diff --git a/test.html b/test.html
new file mode 100644
index 00000000..e6d1a758
--- /dev/null
+++ b/test.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script src="https://cdn.botpress.cloud/webchat/v2/inject.js"></script>
+  <script src="https://mediafiles.botpress.cloud/26a83f89-ace1-4045-92ba-95b836f75669/webchat/v2/config.js"></script>
+</body>
+
+</html>