diff --git a/docs/examples/generate-images.mdx b/docs/examples/generate-images.mdx
index 60ceed7ea..0e9d57ce2 100644
--- a/docs/examples/generate-images.mdx
+++ b/docs/examples/generate-images.mdx
@@ -2,107 +2,102 @@
title: Generate Images
---
-
You can use Quivr to Generate Images using Dall-E 3 from OpenAI or any other API based image generation tool.
-This allows you to leverage image generation by creating a brain that is connected to Dall-E.
-
+This allows you to leverage image generation by creating a brain that is connected to Dall-E.
## OpenAI
-In order to have image generation in Quivr we will create a brain that is connected to an API. You can find more info on this types of brains [here](/getting-started/api-based-brains)
+ In order to have image generation in Quivr we will create a brain that is
+ connected to an API. You can find more info on this types of brains
+ [here](/getting-started/api-based-brains)
-
+
Create an account on [OpenAI](https://platform.openai.com/)
-
-
- To get access to image generation, add your credit card in the `billing` section
-
-
- Create on API Key and save the result
-
+
+
+ To get access to image generation, add your credit card in the `billing`
+ section
+
+ Create on API Key and save the result
-
-Do not share your API Key
-
+Do not share your API Key
## Create a brain
Now it is time to create an App brain. This type of brain allows you to interact with APIs. And that is exactly what we need to do now. Let's get started.
-Generating images costs around 2cts per image. Be carefull or you'll have a surprised bill.
+ Generating images costs around 2cts per image. Be carefull or you'll have a
+ surprised bill.
-
- Go to the [Brains](https://www.quivr.app/brains-management) page and click on `Create Brain`
-
-
- Select `App (Through API)` and click on `Next`
-
-
- 1. Give your brain a name.
- 2. Add this as your description.
- ```
- You generate only one image and use markdown to display the url sent as a result and you need to keep the entire url with all the parameters for the image to be displayed correctly.
- Do not remove the signature and password in the url of the image as it is a signed url.
- Also return the revised prompt below the image in italic.
- If the user ask for a modification use the previous prompt generated as base
- ```
- 3. Click on `Next`
-
-
- 1. Select `POST` as the method
- 2. Add this as the url `https://api.openai.com/v1/images/generations`
-
-
-
+
+ Go to the [Brains](https://www.quivr.app/studio) page and click on `Create
+ Brain`
+
+
+ Select `App (Through API)` and click on `Next`
+
+
+ 1. Give your brain a name. 2. Add this as your description. ``` You generate
+ only one image and use markdown to display the url sent as a result and you
+ need to keep the entire url with all the parameters for the image to be
+ displayed correctly. Do not remove the signature and password in the url of
+ the image as it is a signed url. Also return the revised prompt below the
+ image in italic. If the user ask for a modification use the previous prompt
+ generated as base ``` 3. Click on `Next`
+
+
+ 1. Select `POST` as the method 2. Add this as the url
+ `https://api.openai.com/v1/images/generations`
+
+
+
1. Add `prompt` as a parameter and click on `Required`
-
- Description of the image to generate
-
+
+ Description of the image to generate
+
2. Add `size` as a parameter and click on `Required`
-
- By default 1024x1024 . But images can have a size of 1024x1024 (square), 1024x1792 (vertical) or 1792x1024 (horizontal) pixels
-
+
+ By default 1024x1024 . But images can have a size of 1024x1024 (square),
+ 1024x1792 (vertical) or 1792x1024 (horizontal) pixels
+
3. Add `model` as a parameter and click on `Required`
-
- Either dall-e-3 or dall-e-2. By default dall-e-3
-
-
-
-
+
+ Either dall-e-3 or dall-e-2. By default dall-e-3
+
+
+
+
1. Add `Authorization` as a secret
-
- Bearer YOUR_API_KEY
-
- **Add your API Key in the value**
- 2. Add `Content-Type` as a secret and click on `Required`
-
- application/json
-
- **Add `application/json` in the value**
-
-
-
- Click on `Create`
-
-
+
+ Bearer YOUR_API_KEY
+
+ **Add your API Key in the value** 2. Add `Content-Type` as a secret and
+ click on `Required`
+
+ application/json
+
+ **Add `application/json` in the value**
+
+
+ Click on `Create`
+
Go to the chat and ask a question to your newly created brain.
- You might have to type `@` and select your brain to be able to ask a question to it.
+ You might have to type `@` and select your brain to be able to ask a
+ question to it.
-
-
+
+
-
You can now use this brain to generate images. You can also use it to generate images in your own app throught the API.
Don't hesitate to share your creations on [Twitter](https://twitter.com/quivr_brain).
-
diff --git a/docs/getting-started/brain.mdx b/docs/getting-started/brain.mdx
index fef82f50f..329e311cf 100644
--- a/docs/getting-started/brain.mdx
+++ b/docs/getting-started/brain.mdx
@@ -2,10 +2,7 @@
title: Brains
---
-
-A few brains were harmed in the making of this documentation 🤯😏
-
-
+A few brains were harmed in the making of this documentation 🤯😏
# Introduction to Brains
@@ -22,7 +19,6 @@ A few brains were harmed in the making of this documentation 🤯😏
-
# Two kinds of Brains
In Quivr, you can find two kinds of brains: **Document** and **App**.
@@ -39,17 +35,19 @@ The brains are here to help you store information or interact with apps. Let's s
- You can create as many brains as you want. You can also share them with your team.
+ You can create as many brains as you want. You can also share them with your
+ team.
We introduced the two kinds of brains in the previous section. Let's dive a little deeper into each of them.
# Create a Brain
-Simply go to [Quivr](https://quivr.app/brains-management) and click on the "Add Brain" button.
+Simply go to [Quivr](https://quivr.app/studio) and click on the "Add Brain" button.
-By default, on the free version you can create up to 3 brains. If you need more, you can upgrade to a paid plan.
+ By default, on the free version you can create up to 3 brains. If you need
+ more, you can upgrade to a paid plan.
@@ -90,8 +88,7 @@ By default, on the free version you can create up to 3 brains. If you need more,
+
-If you have any questions or issue with the documentation, feel free to edit or open an issue.
-
-
+If you have any questions or issue with the documentation, feel free to edit or open an issue.
diff --git a/frontend/app/App.tsx b/frontend/app/App.tsx
index 0b18bd3fb..8ae805090 100644
--- a/frontend/app/App.tsx
+++ b/frontend/app/App.tsx
@@ -5,6 +5,7 @@ import { posthog } from "posthog-js";
import { PostHogProvider } from "posthog-js/react";
import { PropsWithChildren, useEffect } from "react";
+import { BrainCreationProvider } from "@/lib/components/AddBrainModal/components/AddBrainSteps/brainCreation-provider";
import { Menu } from "@/lib/components/Menu/Menu";
import { useOutsideClickListener } from "@/lib/components/Menu/hooks/useOutsideClickListener";
import { NotificationBanner } from "@/lib/components/NotificationBanner";
@@ -82,13 +83,15 @@ const AppWithQueryClient = ({ children }: PropsWithChildren): JSX.Element => {
-
-
-
- {children}
-
-
-
+
+
+
+
+ {children}
+
+
+
+
diff --git a/frontend/app/brains-management/components/BrainsTabs/BrainsTabs.tsx b/frontend/app/brains-management/components/BrainsTabs/BrainsTabs.tsx
deleted file mode 100644
index a046ba00b..000000000
--- a/frontend/app/brains-management/components/BrainsTabs/BrainsTabs.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import Spinner from "@/lib/components/ui/Spinner";
-import { Tabs, TabsContent, TabsList } from "@/lib/components/ui/Tabs";
-
-import { BrainSearchBar } from "./components/BrainSearchBar";
-import { BrainsList } from "./components/BrainsList";
-import { useBrainsTabs } from "./hooks/useBrainsTabs";
-
-import { StyledTabsTrigger } from "../StyledTabsTrigger";
-
-export const BrainsTabs = (): JSX.Element => {
- const { t } = useTranslation(["brain", "translation"]);
- const {
- searchQuery,
- isFetchingBrains,
- setSearchQuery,
- brains,
- privateBrains,
- publicBrains,
- } = useBrainsTabs();
-
- if (isFetchingBrains && brains.length === 0) {
- return (
-
-
-
-
-
+