Update debounce timeout in SetCopilotNameStep.tsx and add headers in createCopilot

dashboard/app/(main)/create/copilot/_parts/SetCopilotNameStep.tsx

@@ -13,7 +13,6 @@ export function SetCopilotName() {
     const { state: { copilot_name, createdCopilot }, dispatch } = useCreateCopilot();
     const { nextStep } = useWizard();
     const [value, $createCopilot] = useAsyncFn(createCopilot);
-
     const setCopilot = (copilot: CopilotType) => {
         dispatch({ type: "SET_COPILOT", payload: copilot });
     };
@@ -53,7 +52,7 @@ export function SetCopilotName() {
             </Label>
             <DebounceInput
                 id="copilotName"
-                debounceTimeout={500}
+                debounceTimeout={300}
                 // @ts-ignore
                 element={Input}
                 disabled={!!createdCopilot}

dashboard/data/copilot.ts

@@ -51,7 +51,12 @@ export async function updateCopilot(id: string, copilot: Partial<CopilotType>) {
 export async function createCopilot(copilot_name: string) {
   const form = new FormData()
   form.append('name', copilot_name)
-  return await instance.post<CopilotType>('/', form)
+  return await instance.post<CopilotType>('/', form, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+      'Accept': 'application/json'
+    }
+  })
 }
 // localhost:8888/backend/copilot/5a958877-63b6-47a5-afa3-621dc57e7d1b/variables
 export async function getVariablesByBotId(id: string) {