Add layout options

Author: hermanzdosilovic

js/configuration.js

@@ -21,7 +21,9 @@ const DEFAULT_CONFIGURATIONS = {
         },
         appOptions: {
             showAIAssistant: true,
-            ioLayout: "stack"
+            ioLayout: "stack",
+            assistantLayout: "column",
+            mainLayout: "row"
         }
     },
     minimal: {
@@ -42,7 +44,9 @@ const DEFAULT_CONFIGURATIONS = {
         },
         appOptions: {
             showAIAssistant: false,
-            ioLayout: "column"
+            ioLayout: "column",
+            assistantLayout: "column",
+            mainLayout: "row"
         }
     },
     standalone: {
@@ -63,7 +67,9 @@ const DEFAULT_CONFIGURATIONS = {
         },
         appOptions: {
             showAIAssistant: true,
-            ioLayout: "stack"
+            ioLayout: "stack",
+            assistantLayout: "column",
+            mainLayout: "row"
         }
     },
     electron: {
@@ -84,7 +90,9 @@ const DEFAULT_CONFIGURATIONS = {
         },
         appOptions: {
             showAIAssistant: true,
-            ioLayout: "stack"
+            ioLayout: "stack",
+            assistantLayout: "column",
+            mainLayout: "row"
         }
     },
     puter: {
@@ -105,7 +113,9 @@ const DEFAULT_CONFIGURATIONS = {
         },
         appOptions: {
             showAIAssistant: true,
-            ioLayout: "stack"
+            ioLayout: "stack",
+            assistantLayout: "column",
+            mainLayout: "row"
         }
     }
 };
@@ -154,7 +164,8 @@ const LEGAL_VALUES = new Proxy({
     theme: ["system", "reverse-system", "light", "dark"],
     style: Object.keys(DEFAULT_CONFIGURATIONS),
     appOptions: {
-        ioLayout: ["stack", "row", "column"]
+        ioLayout: ["stack", "row", "column"],
+        assistantLayout: ["stack", "row", "column"]
     }
 }, PROXY_HANDLER);
 

js/ide.js

@@ -53,7 +53,7 @@ var layoutConfig = {
         reorderEnabled: true
     },
     content: [{
-        type: "row",
+        type: configuration.get("appOptions.mainLayout"),
         content: [{
             type: "component",
             width: 66,
@@ -65,7 +65,8 @@ var layoutConfig = {
                 readOnly: false
             }
         }, {
-            type: "column",
+            type: configuration.get("appOptions.assistantLayout"),
+            title: "AI Assistant and I/O",
             content: [configuration.get("appOptions.showAIAssistant") ? {
                 type: "component",
                 height: 66,
@@ -78,6 +79,7 @@ var layoutConfig = {
                 }
             } : null, {
                 type: configuration.get("appOptions.ioLayout"),
+                title: "I/O",
                 content: [
                     {
                         type: "component",