feat: api definition in brain creation modal (#1613)

# Description

https://github.com/StanGirard/quivr/issues/1569

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

---------

Co-authored-by: mamadoudicko <mamadoudicko100@gmail.com>

frontend/lib/api/brain/types.ts

@@ -1,5 +1,5 @@
 import { BrainRoleType } from "@/lib/components/BrainUsers/types";
-import { BrainStatus } from "@/lib/types/brainConfig";
+import { BrainStatus, BrainType } from "@/lib/types/brainConfig";
 
 export type SubscriptionUpdatableProperties = {
   role: BrainRoleType | null;
@@ -14,6 +14,7 @@ export type CreateBrainInput = {
   max_tokens?: number;
   openai_api_key?: string;
   prompt_id?: string | null;
+  brain_type?: BrainType;
 };
 
 export type UpdateBrainInput = Partial<CreateBrainInput>;

frontend/lib/components/AddBrainModal/AddBrainModal.tsx

@@ -1,21 +1,9 @@
-/* eslint-disable max-lines */
+import { FormProvider, useForm } from "react-hook-form";
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
-import { useTranslation } from "react-i18next";
+import { defaultBrainConfig } from "@/lib/config/defaultBrainConfig";
-import { MdAdd } from "react-icons/md";
+import { BrainConfig } from "@/lib/types/brainConfig";
 
-import { PublicPrompts } from "@/app/brains-management/[brainId]/components/BrainManagementTabs/components/SettingsTab/components/PublicPrompts";
+import { AddBrainConfig } from "./components/AddBrainConfig/AddBrainConfig";
-import Button from "@/lib/components/ui/Button";
-import Field from "@/lib/components/ui/Field";
-import { Modal } from "@/lib/components/ui/Modal";
-import { defineMaxTokens } from "@/lib/helpers/defineMaxTokens";
-import { cn } from "@/lib/utils";
-
-import { PublicAccessConfirmationModal } from "./components/PublicAccessConfirmationModal";
-import { useAddBrainModal } from "./hooks/useAddBrainModal";
-import { Divider } from "../ui/Divider";
-import { Radio } from "../ui/Radio";
-import { TextArea } from "../ui/TextArea";
 
 type AddBrainModalProps = {
   triggerClassName?: string;
@@ -24,176 +12,13 @@ type AddBrainModalProps = {
 export const AddBrainModal = ({
   triggerClassName,
 }: AddBrainModalProps): JSX.Element => {
-  const { t } = useTranslation(["translation", "brain", "config"]);
+  const methods = useForm<BrainConfig>({
-  const {
+    defaultValues: defaultBrainConfig,
-    handleSubmit,
+  });
-    isShareModalOpen,
-    setIsShareModalOpen,
-    register,
-    temperature,
-    maxTokens,
-    model,
-    isPending,
-    pickPublicPrompt,
-    accessibleModels,
-    brainStatusOptions,
-    status,
-    isPublicAccessConfirmationModalOpened,
-    onCancelPublicAccess,
-    onConfirmPublicAccess,
-  } = useAddBrainModal();
 
   return (
-    <>
+    <FormProvider {...methods}>
-      <Modal
+      <AddBrainConfig triggerClassName={triggerClassName} />
-        Trigger={
+    </FormProvider>
-          <Button
-            onClick={() => void 0}
-            variant={"tertiary"}
-            className={cn("border-0", triggerClassName)}
-            data-testid="add-brain-button"
-          >
-            {t("newBrain", { ns: "brain" })}
-            <MdAdd className="text-xl" />
-          </Button>
-        }
-        title={t("newBrainTitle", { ns: "brain" })}
-        desc={t("newBrainSubtitle", { ns: "brain" })}
-        isOpen={isShareModalOpen}
-        setOpen={setIsShareModalOpen}
-        CloseTrigger={<div />}
-      >
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            void handleSubmit();
-          }}
-          className="my-10 flex flex-col items-center gap-2"
-        >
-          <Field
-            label={t("brainName", { ns: "brain" })}
-            autoFocus
-            placeholder={t("brainNamePlaceholder", { ns: "brain" })}
-            autoComplete="off"
-            className="flex-1"
-            required
-            data-testid="brain-name"
-            {...register("name")}
-          />
-
-          <TextArea
-            label={t("brainDescription", { ns: "brain" })}
-            placeholder={t("brainDescriptionPlaceholder", { ns: "brain" })}
-            autoComplete="off"
-            className="flex-1 m-3"
-            {...register("description")}
-          />
-          <fieldset className="w-full flex flex-col">
-            <Radio
-              items={brainStatusOptions}
-              label={t("brain_status_label", { ns: "brain" })}
-              value={status}
-              className="flex-1 justify-between w-[50%]"
-              {...register("status")}
-            />
-          </fieldset>
-          <Field
-            label={t("openAiKeyLabel", { ns: "config" })}
-            placeholder={t("openAiKeyPlaceholder", { ns: "config" })}
-            autoComplete="off"
-            className="flex-1"
-            {...register("openAiKey")}
-          />
-
-          <fieldset className="w-full flex flex-col">
-            <label className="flex-1 text-sm" htmlFor="model">
-              {t("modelLabel", { ns: "config" })}
-            </label>
-            <select
-              id="model"
-              {...register("model")}
-              className="px-5 py-2 dark:bg-gray-700 bg-gray-200 rounded-md"
-            >
-              {accessibleModels.map((availableModel) => (
-                <option value={availableModel} key={availableModel}>
-                  {availableModel}
-                </option>
-              ))}
-            </select>
-          </fieldset>
-
-          <fieldset className="w-full flex mt-4">
-            <label className="flex-1" htmlFor="temp">
-              {t("temperature", { ns: "config" })}: {temperature}
-            </label>
-            <input
-              id="temp"
-              type="range"
-              min="0"
-              max="1"
-              step="0.01"
-              value={temperature}
-              {...register("temperature")}
-            />
-          </fieldset>
-          <fieldset className="w-full flex mt-4">
-            <label className="flex-1" htmlFor="tokens">
-              {t("maxTokens", { ns: "config" })}: {maxTokens}
-            </label>
-            <input
-              type="range"
-              min="10"
-              max={defineMaxTokens(model)}
-              value={maxTokens}
-              {...register("maxTokens")}
-            />
-          </fieldset>
-          <Divider text={t("customPromptSection", { ns: "config" })} />
-          <PublicPrompts onSelect={pickPublicPrompt} />
-          <Field
-            label={t("promptName", { ns: "config" })}
-            placeholder={t("promptNamePlaceholder", { ns: "config" })}
-            autoComplete="off"
-            className="flex-1"
-            {...register("prompt.title")}
-          />
-          <TextArea
-            label={t("promptContent", { ns: "config" })}
-            placeholder={t("promptContentPlaceholder", { ns: "config" })}
-            autoComplete="off"
-            className="flex-1"
-            {...register("prompt.content")}
-          />
-          <div className="flex flex-row justify-start w-full mt-4">
-            <label className="flex items-center">
-              <span className="mr-2 text-gray-700">
-                {t("setDefaultBrain", { ns: "brain" })}
-              </span>
-              <input
-                type="checkbox"
-                {...register("setDefault")}
-                className="form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-2 focus:ring-indigo-400"
-              />
-            </label>
-          </div>
-
-          <Button
-            isLoading={isPending}
-            className="mt-12 self-end"
-            type="submit"
-            data-testid="create-brain-submit-button"
-          >
-            {t("createButton")}
-            <MdAdd className="text-xl" />
-          </Button>
-        </form>
-      </Modal>
-      <PublicAccessConfirmationModal
-        opened={isPublicAccessConfirmationModalOpened}
-        onClose={onCancelPublicAccess}
-        onCancel={onCancelPublicAccess}
-        onConfirm={onConfirmPublicAccess}
-      />
-    </>
   );
 };

frontend/lib/components/AddBrainModal/components/AddBrainConfig/AddBrainConfig.tsx

@@ -0,0 +1,217 @@
+/* eslint-disable max-lines */
+
+import { useFeatureIsOn } from "@growthbook/growthbook-react";
+import { useTranslation } from "react-i18next";
+import { MdAdd } from "react-icons/md";
+
+import { PublicPrompts } from "@/app/brains-management/[brainId]/components/BrainManagementTabs/components/SettingsTab/components/PublicPrompts";
+import Button from "@/lib/components/ui/Button";
+import Field from "@/lib/components/ui/Field";
+import { Modal } from "@/lib/components/ui/Modal";
+import { defineMaxTokens } from "@/lib/helpers/defineMaxTokens";
+import { cn } from "@/lib/utils";
+
+import { PublicAccessConfirmationModal } from "./components/PublicAccessConfirmationModal";
+import { useAddBrainConfig } from "./hooks/useAddBrainConfig";
+import { useAddBrainConfigLabels } from "./hooks/useAddBrainConfigLabels";
+import { Divider } from "../../../ui/Divider";
+import { Radio } from "../../../ui/Radio";
+import { TextArea } from "../../../ui/TextArea";
+
+type AddBrainConfigProps = {
+  triggerClassName?: string;
+};
+
+export const AddBrainConfig = ({
+  triggerClassName,
+}: AddBrainConfigProps): JSX.Element => {
+  const { t } = useTranslation(["translation", "brain", "config"]);
+
+  const brainApiIsOn = useFeatureIsOn("brain-api");
+
+  const {
+    isShareModalOpen,
+    setIsShareModalOpen,
+    temperature,
+    maxTokens,
+    model,
+    isPending,
+    pickPublicPrompt,
+    accessibleModels,
+    status,
+    isPublicAccessConfirmationModalOpened,
+    onCancelPublicAccess,
+    onConfirmPublicAccess,
+    brainType,
+    register,
+    handleSubmit,
+  } = useAddBrainConfig();
+
+  const { brainStatusOptions, knowledgeSourceOptions } =
+    useAddBrainConfigLabels();
+
+  return (
+    <>
+      <Modal
+        Trigger={
+          <Button
+            onClick={() => void 0}
+            variant={"tertiary"}
+            className={cn("border-0", triggerClassName)}
+            data-testid="add-brain-button"
+          >
+            {t("newBrain", { ns: "brain" })}
+            <MdAdd className="text-xl" />
+          </Button>
+        }
+        title={t("newBrainTitle", { ns: "brain" })}
+        desc={t("newBrainSubtitle", { ns: "brain" })}
+        isOpen={isShareModalOpen}
+        setOpen={setIsShareModalOpen}
+        CloseTrigger={<div />}
+      >
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            void handleSubmit();
+          }}
+          className="my-10 flex flex-col items-center gap-2"
+        >
+          <Field
+            label={t("brainName", { ns: "brain" })}
+            autoFocus
+            placeholder={t("brainNamePlaceholder", { ns: "brain" })}
+            autoComplete="off"
+            className="flex-1"
+            required
+            data-testid="brain-name"
+            {...register("name")}
+          />
+
+          <TextArea
+            label={t("brainDescription", { ns: "brain" })}
+            placeholder={t("brainDescriptionPlaceholder", { ns: "brain" })}
+            autoComplete="off"
+            className="flex-1 m-3"
+            {...register("description")}
+          />
+          <fieldset className="w-full flex flex-col">
+            <Radio
+              items={brainStatusOptions}
+              label={t("brain_status_label", { ns: "brain" })}
+              value={status}
+              className="flex-1 justify-between w-[50%]"
+              {...register("status")}
+            />
+          </fieldset>
+          {brainApiIsOn && (
+            <fieldset className="w-full flex flex-col">
+              <Radio
+                items={knowledgeSourceOptions}
+                label={t("knowledge_source_label", { ns: "brain" })}
+                value={brainType}
+                className="flex-1 justify-between w-[50%]"
+                {...register("brainType")}
+              />
+            </fieldset>
+          )}
+          <Field
+            label={t("openAiKeyLabel", { ns: "config" })}
+            placeholder={t("openAiKeyPlaceholder", { ns: "config" })}
+            autoComplete="off"
+            className="flex-1"
+            {...register("openAiKey")}
+          />
+
+          <fieldset className="w-full flex flex-col">
+            <label className="flex-1 text-sm" htmlFor="model">
+              {t("modelLabel", { ns: "config" })}
+            </label>
+            <select
+              id="model"
+              {...register("model")}
+              className="px-5 py-2 dark:bg-gray-700 bg-gray-200 rounded-md"
+            >
+              {accessibleModels.map((availableModel) => (
+                <option value={availableModel} key={availableModel}>
+                  {availableModel}
+                </option>
+              ))}
+            </select>
+          </fieldset>
+
+          <fieldset className="w-full flex mt-4">
+            <label className="flex-1" htmlFor="temp">
+              {t("temperature", { ns: "config" })}: {temperature}
+            </label>
+            <input
+              id="temp"
+              type="range"
+              min="0"
+              max="1"
+              step="0.01"
+              value={temperature}
+              {...register("temperature")}
+            />
+          </fieldset>
+          <fieldset className="w-full flex mt-4">
+            <label className="flex-1" htmlFor="tokens">
+              {t("maxTokens", { ns: "config" })}: {maxTokens}
+            </label>
+            <input
+              type="range"
+              min="10"
+              max={defineMaxTokens(model)}
+              value={maxTokens}
+              {...register("maxTokens")}
+            />
+          </fieldset>
+          <Divider text={t("customPromptSection", { ns: "config" })} />
+          <PublicPrompts onSelect={pickPublicPrompt} />
+          <Field
+            label={t("promptName", { ns: "config" })}
+            placeholder={t("promptNamePlaceholder", { ns: "config" })}
+            autoComplete="off"
+            className="flex-1"
+            {...register("prompt.title")}
+          />
+          <TextArea
+            label={t("promptContent", { ns: "config" })}
+            placeholder={t("promptContentPlaceholder", { ns: "config" })}
+            autoComplete="off"
+            className="flex-1"
+            {...register("prompt.content")}
+          />
+          <div className="flex flex-row justify-start w-full mt-4">
+            <label className="flex items-center">
+              <span className="mr-2 text-gray-700">
+                {t("setDefaultBrain", { ns: "brain" })}
+              </span>
+              <input
+                type="checkbox"
+                {...register("setDefault")}
+                className="form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-2 focus:ring-indigo-400"
+              />
+            </label>
+          </div>
+
+          <Button
+            isLoading={isPending}
+            className="mt-12 self-end"
+            type="submit"
+            data-testid="create-brain-submit-button"
+          >
+            {t("createButton")}
+            <MdAdd className="text-xl" />
+          </Button>
+        </form>
+      </Modal>
+      <PublicAccessConfirmationModal
+        opened={isPublicAccessConfirmationModalOpened}
+        onClose={onCancelPublicAccess}
+        onCancel={onCancelPublicAccess}
+        onConfirm={onConfirmPublicAccess}
+      />
+    </>
+  );
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/ApiRequestDefinition.tsx

@@ -0,0 +1,53 @@
+import { Content, Root } from "@radix-ui/react-tabs";
+
+import { BrainType } from "@/lib/types/brainConfig";
+
+import { useApiDefinitionTabs } from "./hooks/useApiDefinitionTabs";
+import { HeadersDefinition } from "./tabs/HeadersDefinition";
+import { ParamsDefinition } from "./tabs/ParamsDefinition";
+import { SearchParamsDefinition } from "./tabs/SearchParamsDefinition";
+export const ApiRequestDefinition = (brainType: {
+  brainType: BrainType;
+}): JSX.Element => {
+  const { selectedTab, setSelectedTab } = useApiDefinitionTabs();
+  console.log(brainType);
+
+  setSelectedTab("searchParams");
+
+  return (
+    <Root
+      className="flex flex-col w-full h-full overflow-scroll bg-white dark:bg-black p-4 md:p-10 max-w-5xl"
+      value={selectedTab}
+    >
+      <div className="flex gap-2 p-4">
+        <select
+          className="block w-32 px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+          defaultValue="GET"
+          // {...register("api.method")}
+        >
+          <option value="GET">GET</option>
+          <option value="POST">POST</option>
+          <option value="PUT">PUT</option>
+          <option value="DELETE">DELETE</option>
+        </select>
+
+        <input
+          className="flex-1 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+          placeholder="https://api.example.com/resource"
+          // {...register("api.url", { required: true })}
+        />
+      </div>
+      <div className="flex-1 md:pt-0 pb-0">
+        <Content value="people">
+          <SearchParamsDefinition />
+        </Content>
+        <Content value="settings">
+          <HeadersDefinition />
+        </Content>
+        <Content value="knowledge">
+          <ParamsDefinition />
+        </Content>
+      </div>
+    </Root>
+  );
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/hooks/useApiDefinitionTabs.tsx

@@ -0,0 +1,13 @@
+import { useState } from "react";
+
+import { ApiTab } from "../types";
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const useApiDefinitionTabs = () => {
+  const [selectedTab, setSelectedTab] = useState<ApiTab>("searchParams");
+
+  return {
+    selectedTab,
+    setSelectedTab,
+  };
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/index.ts

@@ -0,0 +1 @@
+export * from "./ApiRequestDefinition";

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/tabs/HeadersDefinition.tsx

@@ -0,0 +1,3 @@
+export const HeadersDefinition = (): JSX.Element => {
+  return <></>;
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/tabs/ParamsDefinition.tsx

@@ -0,0 +1,3 @@
+export const ParamsDefinition = (): JSX.Element => {
+  return <></>;
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/tabs/SearchParamsDefinition.tsx

@@ -0,0 +1,3 @@
+export const SearchParamsDefinition = (): JSX.Element => {
+  return <></>;
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/ApiRequestDefinition/types.ts

@@ -0,0 +1,3 @@
+export const apiTabs = ["searchParams", "headers", "params"] as const;
+
+export type ApiTab = (typeof apiTabs)[number];

frontend/lib/components/AddBrainModal/components/AddBrainConfig/components/PublicAccessConfirmationModal.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from "react-i18next";
 
-import Button from "../../ui/Button";
+import Button from "../../../../ui/Button";
-import { Modal } from "../../ui/Modal";
+import { Modal } from "../../../../ui/Modal";
 
 type PublicAccessConfirmationModalProps = {
   opened: boolean;

frontend/lib/components/AddBrainModal/components/AddBrainConfig/hooks/useAddBrainConfig.ts

@@ -1,7 +1,8 @@
-/* eslint-disable */
+/* eslint-disable max-lines */
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import axios from "axios";
 import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
+import { useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 
 import { PUBLIC_BRAINS_KEY } from "@/lib/api/brain/config";
@@ -14,12 +15,11 @@ import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainConte
 import { defineMaxTokens } from "@/lib/helpers/defineMaxTokens";
 import { getAccessibleModels } from "@/lib/helpers/getAccessibleModels";
 import { useToast } from "@/lib/hooks";
-import { BrainStatus } from "@/lib/types/brainConfig";
+import { BrainConfig } from "@/lib/types/brainConfig";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const useAddBrainModal = () => {
+export const useAddBrainConfig = () => {
-  const { t } = useTranslation(["translation", "brain", "config"]);
+  const { t } = useTranslation(["brain", "config"]);
   const [isPending, setIsPending] = useState(false);
   const { publish } = useToast();
   const { createBrain, setCurrentBrainId } = useBrainContext();
@@ -33,20 +33,6 @@ export const useAddBrainModal = () => {
   const { getUser } = useUserApi();
   const queryClient = useQueryClient();
 
-  const brainStatusOptions: {
-    label: string;
-    value: BrainStatus;
-  }[] = [
-    {
-      label: t("private_brain_label", { ns: "brain" }),
-      value: "private",
-    },
-    {
-      label: t("public_brain_label", { ns: "brain" }),
-      value: "public",
-    },
-  ];
-
   const { data: userData } = useQuery({
     queryKey: [USER_DATA_KEY],
     queryFn: getUser,
@@ -70,15 +56,14 @@ export const useAddBrainModal = () => {
     watch,
     setValue,
     formState: { dirtyFields },
-  } = useForm({
+  } = useFormContext<BrainConfig>();
-    defaultValues,
-  });
 
   const openAiKey = watch("openAiKey");
   const model = watch("model");
   const temperature = watch("temperature");
   const maxTokens = watch("maxTokens");
   const status = watch("status");
+  const brainType = watch("brainType");
 
   const accessibleModels = getAccessibleModels({
     openAiKey,
@@ -86,10 +71,10 @@ export const useAddBrainModal = () => {
   });
 
   useEffect(() => {
-    if (status === "public" && dirtyFields.status) {
+    if (status === "public" && dirtyFields.status === true) {
       setIsPublicAccessConfirmationModalOpened(true);
     }
-  }, [status]);
+  }, [dirtyFields.status, status]);
 
   useEffect(() => {
     setValue("maxTokens", Math.min(maxTokens, defineMaxTokens(model)));
@@ -131,6 +116,7 @@ export const useAddBrainModal = () => {
         temperature,
         prompt_id,
         status,
+        brain_type: brainType,
       });
 
       if (createdBrainId === undefined) {
@@ -211,17 +197,17 @@ export const useAddBrainModal = () => {
     isShareModalOpen,
     setIsShareModalOpen,
     handleSubmit,
-    register,
     model,
     temperature,
     maxTokens,
     isPending,
     accessibleModels,
     pickPublicPrompt,
-    brainStatusOptions,
     status,
     isPublicAccessConfirmationModalOpened,
     onConfirmPublicAccess,
     onCancelPublicAccess,
+    brainType,
+    register,
   };
 };

frontend/lib/components/AddBrainModal/components/AddBrainConfig/hooks/useAddBrainConfigLabels.ts

@@ -0,0 +1,40 @@
+import { useTranslation } from "react-i18next";
+
+import { BrainStatus, BrainType } from "@/lib/types/brainConfig";
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const useAddBrainConfigLabels = () => {
+  const { t } = useTranslation(["translation", "brain", "config"]);
+
+  const brainStatusOptions: {
+    label: string;
+    value: BrainStatus;
+  }[] = [
+    {
+      label: t("private_brain_label", { ns: "brain" }),
+      value: "private",
+    },
+    {
+      label: t("public_brain_label", { ns: "brain" }),
+      value: "public",
+    },
+  ];
+
+  const knowledgeSourceOptions: {
+    label: string;
+    value: BrainType;
+  }[] = [
+    {
+      label: t("knowledge_source_doc", { ns: "brain" }),
+      value: "doc",
+    },
+    {
+      label: t("knowledge_source_api", { ns: "brain" }),
+      value: "api",
+    },
+  ];
+
+  return {
+    brainStatusOptions,
+    knowledgeSourceOptions,
+  };
+};

frontend/lib/components/AddBrainModal/components/AddBrainConfig/index.ts

@@ -0,0 +1 @@
+export * from "./AddBrainConfig";

frontend/lib/components/AddBrainModal/components/index.ts

@@ -0,0 +1 @@
+export * from "./AddBrainConfig";

frontend/lib/components/AddBrainModal/styles.css

@@ -1,3 +0,0 @@
-.foo {
-    white-space: 'pre-wrap';
-}

frontend/lib/config/LocaleConfig/resources.ts

@@ -6,6 +6,7 @@ import config_en from "../../../public/locales/en/config.json";
 import contact_en from "../../../public/locales/en/contact.json";
 import delete_brain_en from "../../../public/locales/en/deleteOrUnsubscribeFromBrain.json";
 import explore_en from "../../../public/locales/en/explore.json";
+import external_api_definition_en from "../../../public/locales/en/external_api_definition.json";
 import home_en from "../../../public/locales/en/home.json";
 import invitation_en from "../../../public/locales/en/invitation.json";
 import knowlegde_en from "../../../public/locales/en/knowledge.json";
@@ -22,6 +23,7 @@ import config_es from "../../../public/locales/es/config.json";
 import contact_es from "../../../public/locales/es/contact.json";
 import delete_brain_es from "../../../public/locales/es/deleteOrUnsubscribeFromBrain.json";
 import explore_es from "../../../public/locales/es/explore.json";
+import external_api_definition_es from "../../../public/locales/es/external_api_definition.json";
 import home_es from "../../../public/locales/es/home.json";
 import invitation_es from "../../../public/locales/es/invitation.json";
 import knowlegde_es from "../../../public/locales/es/knowledge.json";
@@ -38,6 +40,7 @@ import config_fr from "../../../public/locales/fr/config.json";
 import contact_fr from "../../../public/locales/fr/contact.json";
 import delete_brain_fr from "../../../public/locales/fr/deleteOrUnsubscribeFromBrain.json";
 import explore_fr from "../../../public/locales/fr/explore.json";
+import external_api_definition_fr from "../../../public/locales/fr/external_api_definition.json";
 import home_fr from "../../../public/locales/fr/home.json";
 import invitation_fr from "../../../public/locales/fr/invitation.json";
 import knowlegde_fr from "../../../public/locales/fr/knowledge.json";
@@ -54,6 +57,7 @@ import config_ptbr from "../../../public/locales/pt-br/config.json";
 import contact_ptbr from "../../../public/locales/pt-br/contact.json";
 import delete_brain_ptbr from "../../../public/locales/pt-br/deleteOrUnsubscribeFromBrain.json";
 import explore_ptbr from "../../../public/locales/pt-br/explore.json";
+import external_api_definition_ptbr from "../../../public/locales/pt-br/external_api_definition.json";
 import home_ptbr from "../../../public/locales/pt-br/home.json";
 import invitation_ptbr from "../../../public/locales/pt-br/invitation.json";
 import knowlegde_ptbr from "../../../public/locales/pt-br/knowledge.json";
@@ -70,6 +74,7 @@ import config_ru from "../../../public/locales/ru/config.json";
 import contact_ru from "../../../public/locales/ru/contact.json";
 import delete_brain_ru from "../../../public/locales/ru/deleteOrUnsubscribeFromBrain.json";
 import explore_ru from "../../../public/locales/ru/explore.json";
+import external_api_definition_ru from "../../../public/locales/ru/external_api_definition.json";
 import home_ru from "../../../public/locales/ru/home.json";
 import invitation_ru from "../../../public/locales/ru/invitation.json";
 import knowlegde_ru from "../../../public/locales/ru/knowledge.json";
@@ -86,6 +91,7 @@ import config_zh_cn from "../../../public/locales/zh-cn/config.json";
 import contact_zh_cn from "../../../public/locales/zh-cn/contact.json";
 import delete_brain_zh_cn from "../../../public/locales/zh-cn/deleteOrUnsubscribeFromBrain.json";
 import explore_zh_cn from "../../../public/locales/zh-cn/explore.json";
+import external_api_definition_zh_cn from "../../../public/locales/zh-cn/external_api_definition.json";
 import home_zh_cn from "../../../public/locales/zh-cn/home.json";
 import invitation_zh_cn from "../../../public/locales/zh-cn/invitation.json";
 import knowlegde_zh_cn from "../../../public/locales/zh-cn/knowledge.json";
@@ -113,6 +119,7 @@ export type Translations = {
   upload: typeof import("../../../public/locales/en/upload.json");
   user: typeof import("../../../public/locales/en/user.json");
   knowledge: typeof import("../../../public/locales/en/knowledge.json");
+  external_api_definition: typeof import("../../../public/locales/en/external_api_definition.json");
 };
 
 enum SupportedLanguages {
@@ -142,6 +149,7 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_en,
     delete_or_unsubscribe_from_brain: delete_brain_en,
     knowledge: knowlegde_en,
+    external_api_definition: external_api_definition_en,
   },
   es: {
     brain: brain_es,
@@ -159,6 +167,7 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_es,
     delete_or_unsubscribe_from_brain: delete_brain_es,
     knowledge: knowlegde_es,
+    external_api_definition: external_api_definition_es,
   },
   fr: {
     brain: brain_fr,
@@ -176,6 +185,7 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_fr,
     delete_or_unsubscribe_from_brain: delete_brain_fr,
     knowledge: knowlegde_fr,
+    external_api_definition: external_api_definition_fr,
   },
   ptbr: {
     brain: brain_ptbr,
@@ -193,6 +203,7 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_ptbr,
     delete_or_unsubscribe_from_brain: delete_brain_ptbr,
     knowledge: knowlegde_ptbr,
+    external_api_definition: external_api_definition_ptbr,
   },
   ru: {
     brain: brain_ru,
@@ -210,6 +221,7 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_ru,
     delete_or_unsubscribe_from_brain: delete_brain_ru,
     knowledge: knowlegde_ru,
+    external_api_definition: external_api_definition_ru,
   },
   zh_cn: {
     brain: brain_zh_cn,
@@ -227,5 +239,6 @@ export const resources: Record<SupportedLanguages, Translations> = {
     user: user_zh_cn,
     delete_or_unsubscribe_from_brain: delete_brain_zh_cn,
     knowledge: knowlegde_zh_cn,
+    external_api_definition: external_api_definition_zh_cn,
   },
 } as const;

frontend/lib/config/defaultBrainConfig.ts

@@ -19,4 +19,5 @@ export const defaultBrainConfig: BrainConfig = {
   name: "",
   description: "",
   setDefault: false,
+  brainType: "doc",
 };

frontend/lib/types/brainConfig.ts

@@ -2,6 +2,10 @@ export const brainStatuses = ["private", "public"] as const;
 
 export type BrainStatus = (typeof brainStatuses)[number];
 
+export const brainTypes = ["doc", "api"] as const;
+
+export type BrainType = (typeof brainTypes)[number];
+
 export type BrainConfig = {
   model: Model;
   temperature: number;
@@ -14,6 +18,7 @@ export type BrainConfig = {
   supabaseKey?: string;
   prompt_id?: string;
   status: BrainStatus;
+  brainType: BrainType;
   prompt: {
     title: string;
     content: string;

frontend/public/locales/en/brain.json

@@ -46,5 +46,8 @@
   "confirm_set_brain_status_to_private": "Yes, set as private",
   "cancel_set_brain_status_to_private": "No, keep it public",
   "empty_brain_description": "No description",
-    "myBrains":"My Brains"
+  "myBrains": "My Brains",
+  "knowledge_source_doc": "Documents",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "Knowledge source"
 }

frontend/public/locales/en/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}

frontend/public/locales/es/brain.json

@@ -46,5 +46,8 @@
   "cancel_set_brain_status_to_private": "No, mantenerlo público",
   "brain_management_button_label": "Gestionar cerebro",
   "empty_brain_description": "Sin descripción",
-    "myBrains": "Mis cerebros"
+  "myBrains": "Mis cerebros",
+  "knowledge_source_doc": "Documentos",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "Fuente de conocimiento"
 }

frontend/public/locales/es/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}

frontend/public/locales/fr/brain.json

@@ -46,5 +46,8 @@
   "cancel_set_brain_status_to_private": "Non, le laisser public",
   "brain_management_button_label": "Gestion des cerveaux",
   "empty_brain_description": "Pas de description",
-    "myBrains": "Mes cerveaux"
+  "myBrains": "Mes cerveaux",
+  "knowledge_source_doc": "Documents",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "Source de connaissance"
 }

frontend/public/locales/fr/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}

frontend/public/locales/pt-br/brain.json

@@ -46,5 +46,8 @@
   "cancel_set_brain_status_to_private": "Não, mantê-lo público",
   "brain_management_button_label": "Gerenciamento de cérebros",
   "empty_brain_description": "Sem descrição",
-    "myBrains": "Meus cérebros"
+  "myBrains": "Meus cérebros",
+  "knowledge_source_doc": "Documentos",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "Fonte de conhecimento"
 }

frontend/public/locales/pt-br/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}

frontend/public/locales/ru/brain.json

@@ -46,5 +46,8 @@
   "cancel_set_brain_status_to_private": "Нет, оставить общедоступным",
   "brain_management_button_label": "Управление мозгом",
   "empty_brain_description": "Нет описания",
-    "myBrains": "Мои мозги"
+  "myBrains": "Мои мозги",
+  "knowledge_source_doc": "Документы",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "Источник знаний"
 }

frontend/public/locales/ru/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}

frontend/public/locales/zh-cn/brain.json

@@ -46,5 +46,8 @@
   "cancel_set_brain_status_to_private": "不，保持公开",
   "brain_management_button_label": "管理",
   "empty_brain_description": "无描述",
-  "myBrains": "我的大脑"
+  "myBrains": "我的大脑",
+  "knowledge_source_doc": "文档",
+  "knowledge_source_api": "API",
+  "knowledge_source_label": "知识来源"
 }

frontend/public/locales/zh-cn/external_api_definition.json

@@ -0,0 +1,10 @@
+{
+  "method_label": "Method",
+  "url_placeholder": "URL",
+  "searchParams": "Search Params",
+  "headers": "Headers",
+  "params": "Params",
+  "key": "Key",
+  "type": "Type (string or number)",
+  "description": "Description"
+}