added: Features page structure, Features added to routes

Author: MichaelTeida

src/components/Sidebar.jsx

@@ -23,7 +23,7 @@ const Sidebar = ({openSettings, setOpenSettings}) => {
     const [model, setModel] = useState(localStorage.getItem('model') || 'gpt-3.5-turbo')
     const [temperature, setTemperature] = useState(parseFloat(localStorage.getItem('temperature')) || 0.7)
     const [frequencyPenalty, setFrequencyPenalty] = useState(parseFloat(localStorage.getItem('frequencyPenalty')) || 0)
-    const [maxTokens, setMaxTokens] = useState(parseInt(localStorage.getItem('maxTokens')) || 500)
+    const [maxTokens, setMaxTokens] = useState(parseInt(localStorage.getItem('maxTokens')) || 3000)
     const [topP, setTopP] = useState(parseFloat(localStorage.getItem('topP')) || 1)
 
     const [messageSnackbar, setMessageSnackbar] = useState("")
@@ -64,7 +64,7 @@ const Sidebar = ({openSettings, setOpenSettings}) => {
     const handleReset = () => {
         setModel("gpt-3.5-turbo")
         setTemperature(0.7)
-        setMaxTokens(500)
+        setMaxTokens(3000)
         setFrequencyPenalty(0)
         setTopP(1)
         setInitialLoad(false);
@@ -233,7 +233,7 @@ const Sidebar = ({openSettings, setOpenSettings}) => {
                 defaultValue={maxTokens}
                 step={1}
                 min={0}
-                max={3000}
+                max={10000}
                 valueLabelDisplay="auto"
                 sx={{
                     "--Slider-thumbWidth": "10px",

src/lib/OpenAi.jsx

@@ -8,7 +8,7 @@ const openai = new OpenAI({
 let openAiParams = {
     model: 'gpt-3.5-turbo',
     temperature: 0.7, // how creative OpenAi should be (0 - 1)
-    max_tokens: 2000,
+    max_tokens: 3000,
     frequency_penalty: 0, // parametr frequency_penalty pozwala sterować różnorodnością generowanego tekstu przez model GPT, modyfikując rozkład prawdopodobieństwa, aby rzadziej generować słowa, które model częściej widział podczas treningu.
     top_p: 1, // shrinks or grows the “pool” of available tokens to choose from, the domain to select over. 1=big pool, 0=small pool
 };

src/main.jsx

@@ -7,6 +7,7 @@ import {Home} from "./pages/Home.jsx";
 import {About} from "./pages/About.jsx";
 import {CssBaseline, CssVarsProvider} from "@mui/joy";
 import theme from "./theme/theme.jsx";
+import Features from "./pages/Features.jsx";
 
 
 const routes = [
@@ -21,6 +22,10 @@ const routes = [
             {
                 path: "/NeuraChatAi/about",
                 element: <About/>,
+            },
+            {
+                path: "/NeuraChatAi/features",
+                element: <Features/>,
             }
         ]
     }

src/pages/Features.jsx

@@ -0,0 +1,9 @@
+const Features = () => {
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Features;