diff --git a/AppData.zip b/AppData.zip
index 4e0557b..807676e 100644
Binary files a/AppData.zip and b/AppData.zip differ
diff --git a/AppData/Actions/createList.js b/AppData/Actions/createList.js
index 60aa539..209aeb9 100644
--- a/AppData/Actions/createList.js
+++ b/AppData/Actions/createList.js
@@ -18,7 +18,7 @@ module.exports = {
     let transferVariables = require(`../Toolkit/variableTools.js`).transf;
 
     const transf = (value) => {
-      transferVariables(value, bridge.variables);
+      return transferVariables(value, bridge.variables);
     };
 
     bridge.variables[transf(values.listName)] = [];
diff --git a/AppData/Actions/deleteChannel.js b/AppData/Actions/deleteChannel.js
new file mode 100644
index 0000000..7016a25
--- /dev/null
+++ b/AppData/Actions/deleteChannel.js
@@ -0,0 +1,47 @@
+module.exports = {
+  data: {
+    name: "Delete Channel",
+    channel: "",
+    channelFrom: "Command channel",
+    threadName: "",
+    autoArchive: "",
+    storeAs: "",
+  },
+  UI: {
+    compatibleWith: ["Text", "Slash"],
+    text: "Delete Channel",
+    sepbar:"",
+
+    btext: "Get Channel Via",
+    menuBar: {choices: ["Command Channel", "Variable*", "ID*"], storeAs: "channelFrom", extraField: "channel"},
+
+    variableSettings: {
+      channel: {
+        "Variable*": "direct"
+      }
+    }
+  },
+  subtitle: "Get Channel Via: $[channelFrom]$",
+  async run(values, message, client, bridge) {
+    let transferVariables = require(`../Toolkit/variableTools.js`).transf;
+
+    const transf = (value) => {
+      return transferVariables(value, bridge.variables);
+    };
+    
+    let channel;
+
+    if (values.channelFrom == 'Command Channel') {
+      channel = message.channel;
+    }
+    if (values.channelFrom == 'Variable*') {
+      let chan = bridge.variables[transf(values.channel)]
+        channel = chan.channel || client.getChannel(chan.id)
+    }
+    if (values.channelFrom == 'ID*') {
+      channel = client.getChannel(transf(values.channel))
+    }
+
+    channel.delete()
+  },
+};
diff --git a/AppData/Actions/deleteChannel_event.js b/AppData/Actions/deleteChannel_event.js
new file mode 100644
index 0000000..732dd56
--- /dev/null
+++ b/AppData/Actions/deleteChannel_event.js
@@ -0,0 +1,44 @@
+module.exports = {
+  data: {
+    name: "Delete Channel",
+    channel: "",
+    channelFrom: "Variable*",
+    threadName: "",
+    autoArchive: "",
+    storeAs: "",
+  },
+  UI: {
+    compatibleWith: ["Text", "Slash"],
+    text: "Delete Channel",
+    sepbar:"",
+
+    btext: "Get Channel Via",
+    menuBar: {choices: ["Variable*", "ID*"], storeAs: "channelFrom", extraField: "channel"},
+
+    variableSettings: {
+      channel: {
+        "Variable*": "direct"
+      }
+    }
+  },
+  subtitle: "Get Channel Via: $[channelFrom]$",
+  async run(values, message, client, bridge) {
+    let transferVariables = require(`../Toolkit/variableTools.js`).transf;
+
+    const transf = (value) => {
+      return transferVariables(value, bridge.variables);
+    };
+    
+    let channel;
+
+    if (values.channelFrom == 'Variable*') {
+      let chan = bridge.variables[transf(values.channel)]
+        channel = chan.channel || client.getChannel(chan.id)
+    }
+    if (values.channelFrom == 'ID*') {
+      channel = client.getChannel(transf(values.channel))
+    }
+
+    channel.delete()
+  },
+};
diff --git a/AppData/Actions/sendmessage.js b/AppData/Actions/sendmessage.js
index 63db067..6772e8a 100644
--- a/AppData/Actions/sendmessage.js
+++ b/AppData/Actions/sendmessage.js
@@ -496,9 +496,8 @@ module.exports = {
       channel = DMchannel;
     }
     if (values.sendTo == "Channel Variable*") {
-      channel = client.getChannel(
-        bridge.variables[varTools.transf(values.to, bridge.variables)].id,
-      );
+      let chan = bridge.variables[varTools.transf(values.to, bridge.variables)]
+        channel = chan.channel || client.getChannel(chan.id)
     }
     if (values.sendTo == "Channel ID*") {
       channel = client.getChannel(varTools.transf(values.to, bridge.variables));
diff --git a/AppData/Actions/sendmessage_event.js b/AppData/Actions/sendmessage_event.js
index f200266..8038b54 100644
--- a/AppData/Actions/sendmessage_event.js
+++ b/AppData/Actions/sendmessage_event.js
@@ -486,9 +486,8 @@ module.exports = {
 
     let channel;
     if (values.sendTo == "Channel Variable*") {
-      channel = client.getChannel(
-        bridge.variables[varTools.transf(values.to, bridge.variables)].id,
-      );
+      let chan = bridge.variables[varTools.transf(values.to, bridge.variables)]
+        channel = chan.channel || client.getChannel(chan.id)
     }
     if (values.sendTo == "Channel ID*") {
       channel = client.getChannel(varTools.transf(values.to, bridge.variables));
diff --git a/AppData/Actions/startThread.js b/AppData/Actions/startThread.js
new file mode 100644
index 0000000..2045998
--- /dev/null
+++ b/AppData/Actions/startThread.js
@@ -0,0 +1,79 @@
+module.exports = {
+  data: {
+    name: "Start Thread",
+    message: "",
+    messageFrom: "Command Message",
+    threadName: "",
+    autoArchive: "",
+    storeAs: "",
+  },
+  UI: {
+    compatibleWith: ["Text"],
+    text: "Start Thread",
+    sepbar:"",
+    btext: "Get Thread Parent Message Via",
+    menuBar: {choices: ["Command Message", "Variable*"], storeAs: "messageFrom", extraField: "message"},
+
+    sepbar0:"",
+
+    btext0: "Thread Name",
+    input: "threadName",
+
+    sepbar1: "",
+
+    btext1: "Thread Auto-Archive Duration",
+    menuBar0: {choices: ["1 Hour", "24 Hours", "3 Days", "1 Week"], storeAs: "autoArchive"},
+
+    sepbar2:"",
+
+    btext2: "Store Thread As",
+    "input!":"storeAs",
+
+    variableSettings: {
+      message: {
+        "Variable*": "direct"
+      }
+    }
+  },
+  subtitle: "Message: $[messageFrom]$ - Archive After: $[autoArchive]$",
+  async run(values, message, client, bridge) {
+    let transferVariables = require(`../Toolkit/variableTools.js`).transf;
+
+    const transf = (value) => {
+      return transferVariables(value, bridge.variables);
+    };
+
+    
+    let threadName = transf(values.threadName)
+
+    let autoArchive;
+
+    switch(values.autoArchive) {
+      case '1 Hour': 
+        autoArchive = 60;
+      break
+      case '24 Hours':
+        autoArchive = 1440
+      break
+      case '3 Days':
+        autoArchive = 4320
+      break
+      case '1 Week':
+        autoArchive = 10080
+      break
+    }
+
+    let msg;
+
+    if (values.messageFrom == 'Command Message') {
+      msg = message
+    } else {
+      msg = bridge.variables[transf(values.message)]
+    }
+    let thread = await msg.startThread({
+      name: threadName,
+      autoArchiveDuration: autoArchive
+    })
+      bridge.variables[transf(values.storeAs)] = thread
+  },
+};
diff --git a/AppData/Actions/startThread_event.js b/AppData/Actions/startThread_event.js
new file mode 100644
index 0000000..519f254
--- /dev/null
+++ b/AppData/Actions/startThread_event.js
@@ -0,0 +1,73 @@
+module.exports = {
+  data: {
+    name: "Start Thread",
+    message: "",
+    threadName: "",
+    autoArchive: "",
+    storeAs: "",
+  },
+  UI: {
+    compatibleWith: ["Slash", "Event"],
+    text: "Start Thread",
+    sepbar:"",
+    btext: "Parent Message Variable",
+    "input_direct": "message",
+
+    sepbar0:"",
+
+    btext0: "Thread Name",
+    input: "threadName",
+
+    sepbar1: "",
+
+    btext1: "Thread Auto-Archive Duration",
+    menuBar0: {choices: ["1 Hour", "24 Hours", "3 Days", "1 Week"], storeAs: "autoArchive"},
+
+    sepbar2:"",
+
+    btext2: "Store Thread As",
+    "input!":"storeAs",
+
+    variableSettings: {
+      message: {
+        "Variable*": "direct"
+      }
+    }
+  },
+  subtitle: "Message: $[messageFrom]$ - Archive After: $[autoArchive]$",
+  async run(values, message, client, bridge) {
+    let transferVariables = require(`../Toolkit/variableTools.js`).transf;
+
+    const transf = (value) => {
+      return transferVariables(value, bridge.variables);
+    };
+
+    
+    let threadName = transf(values.threadName)
+
+    let autoArchive;
+
+    switch(values.autoArchive) {
+      case '1 Hour': 
+        autoArchive = 60;
+      break
+      case '24 Hours':
+        autoArchive = 1440
+      break
+      case '3 Days':
+        autoArchive = 4320
+      break
+      case '1 Week':
+        autoArchive = 10080
+      break
+    }
+
+    let msg = bridge.variables[transf(values.message)]
+
+    let thread = await msg.startThread({
+      name: threadName,
+      autoArchiveDuration: autoArchive
+    })
+      bridge.variables[transf(values.storeAs)] = thread
+  },
+};
diff --git a/AppData/Kits/EditorBones.js b/AppData/Kits/EditorBones.js
index 267f324..011abc9 100644
--- a/AppData/Kits/EditorBones.js
+++ b/AppData/Kits/EditorBones.js
@@ -3,6 +3,35 @@ const { app, ipcRenderer } = require("electron");
 let selectedGroupType = "text";
 let copiedAction;
 
+const { Worker } = require('worker_threads');
+
+function runInWorker(method) {
+  return new Promise((resolve, reject) => {
+    const worker = new Worker(`
+      const { parentPort } = require('worker_threads');
+      parentPort.on('message', (method) => {
+        try {
+          method();
+          parentPort.postMessage('Code execution completed.');
+        } catch (error) {
+          parentPort.postMessage({ error: error.message });
+        }
+      });
+    `);
+
+    worker.on('message', (message) => {
+      if (typeof message === 'string') {
+        resolve(message);
+      } else {
+        reject(new Error(message.error));
+      }
+      worker.terminate();
+    });
+
+    worker.postMessage(method.toString());
+  });
+}
+
 function editAction() {
   let variables = [];
   let actionType = "text";
@@ -82,6 +111,7 @@ const fs = require("fs");
 const processPath = require("process").cwd();
 const path = require("path");
 var botData = JSON.parse(fs.readFileSync(processPath + "/AppData/data.json"));
+document.getElementById('titlebar').innerText = `Studio Bot Maker - Editing ${botData.name}`
 let lastType = 0; // 0 = Command; 1 = Actions;
 let lastObj = "1";
 let lastAct = "1";
@@ -739,27 +769,7 @@ function modcolor() {
     sidebar.style.width = "40vw";
     sidebar.innerHTML = `
             <br>
-            <div class="sidebartext" style="font-size: 20px;">Editor Theme & Colors</div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #000000;"><div class="colorTileText">Lights Off</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #0b0014;"><div class="colorTileText">Ultraviolet</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #170011;"><div class="colorTileText">Soothing Cherry</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #170006;"><div class="colorTileText">Strawberry</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #170000;"><div class="colorTileText">Bloodshot Pink</div></div>
-
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #170701;"><div class="colorTileText">Wood</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #361d1d;"><div class="colorTileText">Salmon</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #170f00;"><div class="colorTileText">Golden Apple</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #262626;"><div class="colorTileText">Smoke</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #24121d;"><div class="colorTileText">Lilac</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #122324;"><div class="colorTileText">Shiny Forest</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #000814;"><div class="colorTileText">Navy Blue</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #071314;"><div class="colorTileText">Forest Green</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #001417;"><div class="colorTileText">Aquamarine</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #000f17;"><div class="colorTileText">Moody Blue</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #141414;"><div class="colorTileText">Gray</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #12241e;"><div class="colorTileText">Mint</div></div>
-            <div class="colorTile" onclick="setColor(this)" style="background-color: #241212;"><div class="colorTileText">Anger</div></div>
-            </div>
+
             `;
     sidebar.onmouseleave = () => {
       sidebar.style.width = "0vw";
diff --git a/AppData/Kits/EditorComponents.js b/AppData/Kits/EditorComponents.js
index 3357545..075ee1c 100644
--- a/AppData/Kits/EditorComponents.js
+++ b/AppData/Kits/EditorComponents.js
@@ -4,10 +4,18 @@ function addObjectToMenu(element, option) {
       type: option,
       data: actionUI[element].UItypes[option].data,
     });
+    document.getElementById(actionUI[element].storeAs).style.filter = 'blur(22px)';
+    setTimeout(() => {
+      document.getElementById(actionUI[element].storeAs).style.filter = '';
+    }, 500);
   }
   refreshMenuItems(element);
   document.getElementById(`${element}AddButton`).style.transition = `all 0.${editorSettings.commonAnimation}s ease`
   document.getElementById(`${element}AddButton`).style.transform = "rotate(360deg)";
+  setTimeout(() => {
+  document.getElementById(`${element}AddButton`).style.transform = "rotate(0deg)";
+  document.getElementById(`${element}AddButton`).style.transition = `all 0.${editorSettings.commonAnimation}s ease`
+  }, editorSettings.commonAnimation * 200);
   document.getElementById(
     `${element}AddButton`,
   ).onclick = `refreshMenuItems('${element}')`;
@@ -94,21 +102,37 @@ function editAction(at, actionNumber) {
   }
   storeActionData();
 }
+let draggedOverMenu, draggedPosition, draggedOverPosition;
+
+function handleOptionDrag(position, menu) {
+  draggedPosition = position;
+  draggedOverMenu = menu;
+}
+
+function dragPositionOver(position, menu, event) {
+  if (draggedOverMenu == menu) event.preventDefault()
+
+  draggedOverPosition = position;
+}
+
+function handleDragOptionEnd() {
+  console.log(actionUI[draggedOverMenu], draggedOverMenu)
+  action.data[actionUI[draggedOverMenu].storeAs] = moveArrayElement(action.data[actionUI[draggedOverMenu].storeAs], draggedPosition, draggedOverPosition);
+  refreshMenuItems(draggedOverMenu)
+  draggedOverMenu = undefined;
+}
 
 function refreshMenuItems(menu) {
   let menuObject = actionUI[menu];
   let menuElement = document.getElementById(menuObject.storeAs);
   let endOptions = ``;
   menuElement.style.height = "44vh";
-  menuElement.style.filter = "blur(22px)";
 
   for (let object in action.data[menuObject.storeAs]) {
     let option = action.data[menuObject.storeAs][object];
-    console.log(option, actionUI[menu]);
     let typeName = actionUI[menu].UItypes[option.type].name;
-    console.log(typeName);
     endOptions = `${endOptions}
-            <div class="dimension flexbox" style="background-color: #00000060; border-radius: 9px; width: 99%; margin: auto; margin-left: auto; margin-right: auto; margin-bottom: 1vh; padding: 3px; padding-top: 6px; padding-bottom: 6px;">
+            <div class="dimension flexbox" draggable="true" ondragend="handleDragOptionEnd()" ondragover="dragPositionOver(${object}, '${menu}', event)" ondragstart="handleOptionDrag(${object}, '${menu}')" style="background-color: #00000060; border-radius: 9px; width: 99%; margin: auto; margin-left: auto; margin-right: auto; margin-bottom: 1vh; padding: 3px; padding-top: 6px; padding-bottom: 6px;">
             <div class="barbuttontexta dimension" style="padding: 9px; min-width: 7vw; background-color: #FFFFFF15; border-radius: 8px; margin-left: 0.7vw; margin-right: 0.5vw;">#${object}</div>
             <div class="barbuttontexta" style="margin-left: 1vw;">${typeName}</div>
             <div class="barbuttonshift" onclick="openPopupOption('${object}', '${menu}')" style="margin-left: auto; border-radius: 9px; padding: 9px;">
diff --git a/AppData/Kits/EditorScripts.js b/AppData/Kits/EditorScripts.js
index 3051541..34ddb6a 100644
--- a/AppData/Kits/EditorScripts.js
+++ b/AppData/Kits/EditorScripts.js
@@ -144,12 +144,17 @@ function mbSelect(storeAs, menu, extraField, UIreference) {
       pending.id = extraField;
       pending.contentEditable = "true";
       pending.innerHTML = action.data[extraField];
-
       pending.addEventListener('input', (event) => {
+        saveField(extraField, menu);
         setTimeout(() => {
           validateInput(event);
         }, 10);
+      })
+      pending.addEventListener('blur', (event) => {
         saveField(extraField, menu);
+        setTimeout(() => {
+          validateInput(event);
+        }, 10);
       })
     }
   }
@@ -170,12 +175,18 @@ function mbSelect(storeAs, menu, extraField, UIreference) {
     storeAs.parentNode.innerHTML = storeAs.innerText;
     if (pending != "" && cachedParentNode.nextSibling.className !== "selectBar") {
       pending.appendAfter(cachedParentNode);
-      pending.oninput = (event) => {
+      pending.addEventListener('input', (event) => {
+        saveField(extraField, menu);
         setTimeout(() => {
+          validateInput(event);
+        }, 10);
+      })
+      pending.addEventListener('blur', (event) => {
         saveField(extraField, menu);
+        setTimeout(() => {
           validateInput(event);
         }, 10);
-      }
+      })
     }
     if (document.getElementById(extraField)) {
       if (document.getElementById(extraField + "Selector")) {
@@ -497,23 +508,28 @@ function restoreActions() {
 }
 
 function addObjectToCustomMenu(element) {
+  let targetField = document.getElementById(actionUI[element].storeAs);
+  targetField.style.transition = `all 0.${editorSettings.fastAnimation}s ease`
+
   if (actionUI[element].max > action.data[actionUI[element].storeAs].length) {
-    let targetField = document.getElementById(actionUI[element].storeAs);
     if (Object.keys(actionUI[element].types).length > 1) {
       document.getElementById(`${element}AddButton`).style.transition = `all 0.${editorSettings.commonAnimation}s ease`
 
       document.getElementById(`${element}AddButton`).style.transform =
         "rotate(135deg)";
-        targetField.style.transition = `all 0.${editorSettings.fastAnimation}s ease`
       document.getElementById(`${element}AddButton`).onclick = () => {
         refreshMenuItems(`${element}`);
+
+        document.getElementById(actionUI[element].storeAs).style.filter = 'blur(22px)';
+        setTimeout(() => {
+          document.getElementById(actionUI[element].storeAs).style.filter = '';
+        }, 500);
       };
       targetField.style.filter = "blur(22px)";
       if (Object.keys(actionUI[element].types).length < 5) {
         targetField.style.height = "10vh";
       } else if (
-        Object.keys(actionUI[element].types).length > 5 &&
-        Object.keys(actionUI[element].types).length < 8
+        Object.keys(actionUI[element].types).length > 5
       ) {
         targetField.style.height = "25vh";
       }
@@ -541,6 +557,7 @@ function addObjectToCustomMenu(element) {
       addObjectToMenu(`${element}`, Object.keys(actionUI[element].types)[0]);
     }
   } else {
+    
     document
       .getElementById(`${element}AddButton`)
       .classList.add("goofyhovereffect");
@@ -560,6 +577,15 @@ function deleteMenuOption(position, menu) {
   setTimeout(() => {
     refreshMenuItems(menu);
   }, 240);
+  document.getElementById(`${menu}AddButton`).style.transition = `all 0.${editorSettings.commonAnimation}s ease`
+  document.getElementById(`${menu}AddButton`).style.transform = "rotate(-360deg)";
+  setTimeout(() => {
+    document.getElementById(`${menu}AddButton`).style.transition = `all 0s ease`
+    document.getElementById(`${menu}AddButton`).style.transition = `all 0s ease`
+    document.getElementById(`${menu}AddButton`).style.transition = `all 0s ease`
+
+      document.getElementById(`${menu}AddButton`).style.transform = "rotate(0deg)";
+    }, editorSettings.commonAnimation * 100);
 }
 
 function fuzzyMatch(str, pattern, accuracy) {
@@ -734,7 +760,7 @@ function closeSearch() {
   actionView.style.scale = "1";
   actionView.onclick = (event) => {};
   actionView.style.borderRadius = "0px";
-  actionView.style.height = "90vh";
+  actionView.style.height = "84.5vh";
 }
 
 function switchOutAction(actionFile) {
@@ -747,7 +773,10 @@ function switchOutAction(actionFile) {
   document.getElementById("editorContent").innerHTML = "";
   document.getElementById("editorContent").innerHTML =
     "<br>" + getUIelements(newAction.UI, action);
-
+    
+    document.getElementById("action-name").innerHTML =
+    'Editing <span style="opacity: 50%;">' + action.name + "</div>";
+  document.getElementById('partOf').innerHTML = action.name;
   closeSearch();
 }
 
diff --git a/AppData/Kits/MiscScripts.js b/AppData/Kits/MiscScripts.js
index 3a55ac1..9fcceda 100644
--- a/AppData/Kits/MiscScripts.js
+++ b/AppData/Kits/MiscScripts.js
@@ -256,9 +256,30 @@ function initSetup() {
             <div class="sepbarz"></div>
             <btext style="width: 100%;">Visuals</btext>
             <div id="prefferedActionPane"></div>
+            <div id="anag"></div>
             <div id="coloringsmoothness"></div>
     
-    
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #000000;"><div class="colorTileText">Lights Off</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #0b0014;"><div class="colorTileText">Ultraviolet</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #170011;"><div class="colorTileText">Soothing Cherry</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #170006;"><div class="colorTileText">Strawberry</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #170000;"><div class="colorTileText">Bloodshot Pink</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #170701;"><div class="colorTileText">Wood</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #170f00;"><div class="colorTileText">Golden Apple</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #241212;"><div class="colorTileText">Anger</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #361d1d;"><div class="colorTileText">Salmon</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #24121d;"><div class="colorTileText">Lilac</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #262626;"><div class="colorTileText">Smoke</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #141414;"><div class="colorTileText">Gray</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #261300;"><div class="colorTileText">Garfield</div></div>
+
+
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #122324;"><div class="colorTileText">Shiny Forest</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #000814;"><div class="colorTileText">Navy Blue</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #071314;"><div class="colorTileText">Forest Green</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #001417;"><div class="colorTileText">Aquamarine</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #000f17;"><div class="colorTileText">Moody Blue</div></div>
+            <div class="colorTile" onclick="setColor(this)" style="background-color: #12241e;"><div class="colorTileText">Mint</div></div>
             <div class="sepbarz"></div>
             <btext style="width: 100%;">Behaviour</btext>
             <div id="changingWidth"></div>
diff --git a/AppData/presence.json b/AppData/presence.json
index 7bf8b88..cae0ff2 100644
--- a/AppData/presence.json
+++ b/AppData/presence.json
@@ -1 +1 @@
-{"firstHeader":"Viewing Commands - 14 Commands in total","secondHeader":"Highlighted: eban - 5 actions","botName":"Studio Bot!"}
\ No newline at end of file
+{"firstHeader":"Viewing Commands - 12 Commands in total","secondHeader":"Highlighted: eban - 7 actions","botName":"Studio Bot!"}
\ No newline at end of file
diff --git a/EditorUI.html b/EditorUI.html
index 1950d19..30a7d96 100644
--- a/EditorUI.html
+++ b/EditorUI.html
@@ -17,10 +17,14 @@
     "
     id="everything_container"
   >
+  <div class="flexbox" style="height: 5.5vh; width: 100vw; background-color: #FFFFFF07; margin: 0px; -webkit-user-drag: none; webkit-app-region: none;">
+    <btext id="partOf" style="margin-left: 1vw;"></btext>
+  <div onclick="closeWindow()" class="hoverablez option flexbox" style="width: 4vh; height: 4vh; margin: auto; margin-right: 0.2vw; padding: 3px; border-radius: 12px;"><div class="image add noanims" style="transform: rotate(45deg); width: 3.5vh; height: 3.5vh; margin: auto;"></div></div>
+  </div>
     <div
       id="editorContent"
       style="
-        height: 90vh;
+        height: 84.5vh;
         width: 100vw;
         background-color: #ffffff10;
         overflow: auto;
@@ -106,8 +110,8 @@
         <div class="barbuttontexta" id="action-name"></div>
         <div
           class="barbuttonshift flexbox"
-          style="margin-right: 1vw; width: 13vw; margin-left: auto"
-          onclick="closeWindow()"
+          style="margin-right: 1vw; width: 17vw; margin-left: auto"
+          onclick="save(); closeWindow()"
         >
           <div
             class="image checkmark"
@@ -118,9 +122,9 @@
             "
           ></div>
           <div style="margin: auto">
-            <div class="barbuttontexta">Close</div>
+            <div class="barbuttontexta">Save & Exit</div>
             <div class="smalltext" style="opacity: 50%; font-size: 8px">
-              CTRL+TAB
+              CTRL+Q
             </div>
           </div>
         </div>
@@ -285,10 +289,10 @@
       actionUI = actionFile.UI;
       document.getElementById("action-name").innerHTML =
         'Editing <span style="opacity: 50%;">' + action.name + "</div>";
+    document.getElementById('partOf').innerHTML = action.name;
       document.getElementById("editorContent").innerHTML =
         `<br>` + getUIelements(actionUI, action);
     });
-
     function save() {
       for (let i in actionUI) {
         let element = actionUI[i];
diff --git a/index.html b/index.html
index 100e35f..2f458a8 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,22 @@
 <html>
   <link rel="stylesheet" href="main.css" />
   <meta charset="utf8" />
+  <div class="titlebar flexbox textToLeft"><div id="titlebar" style="margin-left: 1vw; margin-top: auto; margin-bottom: auto;">Studio Bot Maker</div>
+  <div style="height: 40%; margin: auto; margin-right: 1vw; margin-left: 1vw; width: 3px; background-color: #FFFFFF40; border-radius: 12px;"></div>
+
+  <div class="hoverablez option" onclick="initSetup()" style="margin-left: 0px">Settings</div>
+  <div class="hoverablez option nmt" popovertarget="project">Project
+    <div class="optionPopup dimension">
+      <div class="hoverablez"  onclick="ipcRenderer.send('export', botData)">Export</div>
+      <div class="hoverablez"  onclick="sltPrj()">Import</div>
+    </div>
+    
+  </div>
+  <div class="hoverablez option" onclick="ipcRenderer.send('runBot')">Start Bot</div>
+  <div class="hoverablez option flexbox" onclick="ipcRenderer.send('maximize')" style="height: 80%; width: 40px; padding: 0px; margin-top: auto; margin-bottom: auto; margin-left: auto; border-radius: 0px; margin-right: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;"><div style="height: 30%; aspect-ratio: 1/1; border: 5px #FFFFFF50 solid; margin: auto; border-radius: 3px;"></div></div>
+  <div class="hoverablez option flexbox" onclick="ipcRenderer.send('close')" style="height: 80%; width: 40px; padding: 0px; margin-top: auto; margin-bottom: auto; border-radius: 0px; margin-left: 0px; margin-right: 4px;  border-top-right-radius: 4px; border-bottom-right-radius: 4px;"><div class="image add" style="margin: auto; rotate: 45deg;"></div></div>
+  
+  </div>
   <div class="sidebar" id="sidebar">
     <br />
     <div class="sidebarbutton flexbox outlined" onclick="modcolor()">
@@ -92,7 +108,7 @@
           <div
             class="actbartoolbar flexbox actbarbottom"
             style="
-              margin-bottom: 2vh;
+              margin-bottom: 1vh;
               align-items: center;
               justify-content: center;
             "
@@ -117,14 +133,14 @@
           <div
             class="actBarHalf actbartop"
             id="actionbar"
-            style="width: 96.6vw !important"
+            style="width: 98.6vw !important"
           ></div>
           <div
             class="actbartoolbar flexbox actbarbottom"
             style="
               align-items: center;
               justify-content: center;
-              width: calc(96.6vw - 8px) !important;
+              width: calc(98.6vw - 4px) !important;
             "
           >
             <div style="margin-right: auto; margin-left: 1vw">
@@ -498,9 +514,9 @@
     setTimeout(() => {
       toggleColorsVisibility();
     }, 350);
-    document.body.style.padding = "1vw";
-    document.body.style.paddingTop = "1vh";
-    document.body.style.paddingBottom = "1.8vh";
+    document.body.style.padding = "0px";
+    document.body.style.paddingTop = "0px";
+    document.body.style.paddingBottom = "1vh";
 
     const interactionTools = require("./AppData/Toolkit/interactionTools.js");
     const fese = require("fs");
diff --git a/main.css b/main.css
index 80e4c88..6e3e7e1 100644
--- a/main.css
+++ b/main.css
@@ -728,10 +728,10 @@
   border-bottom-left-radius: 0px;
 }
 .actbartoolbar {
-  width: calc(48.3vw - 8px);
-  height: calc(6vh - 8px) !important;
+  width: calc(48.3vw - 4px);
+  height: calc(6vh - 4px) !important;
   background-image: url(./AppData/grain.png);
-  padding: 4px;
+  padding: 2px;
   border-radius: 12px;
   background: linear-gradient(80deg, #ffffff09 0%, #ffffff12 100%);
 }
@@ -1282,7 +1282,7 @@
 }
 .fullsize {
   margin-left: 1vw;
-  width: 47.3vw;
+  width: 49.3vw;
   height: calc(39.5vh - 12px);
   backdrop-filter: blur(12px);
   border-radius: 12px;
@@ -2668,7 +2668,7 @@ body {
   transition: all ease 0.5s;
 }
 .colorTile {
-  width: 95%;
+  width: 65%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 1.3vh;
@@ -2678,12 +2678,7 @@ body {
   font-size: 18px;
   color: #949494;
   text-align: center;
-  background: linear-gradient(
-    70deg,
-    #ffffff15 0%,
-    #ffffff25 70%,
-    #ffffff05 130%
-  );
+  background: #ffffff14;
   backdrop-filter: blur(12px);
   margin-top: auto;
   border-radius: 12px;
@@ -2956,3 +2951,51 @@ text {
   animation-duration: 1s;
   animation-iteration-count: infinite;
 }
+
+.titlebar {
+  background-color: #FFFFFF15;
+  margin-bottom: 5px;
+  font-size: 16px;
+  margin-top: -8px;
+  color: #FFFFFF90;
+  height: 30px;
+  -webkit-app-region: drag;
+  z-index: -10;
+  width: calc(100% + 16px);
+  margin-left: -8px;
+}
+
+.option {
+  margin-left: 0.5vw; padding: 2px; padding-left: 5px; padding-right: 5px; position:relative; z-index: 1100; -webkit-app-region: no-drag;
+  border-radius: 4px;
+  height: 18px;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.optionPopup {
+  background-color: #00000040;
+  backdrop-filter: blur(12px);
+  width: 0px;
+  overflow: auto;
+  border-radius: 4px;
+  position: fixed;
+  transform: translateY(-10%) translateX(-20%);
+  transition: all 0.15s ease;
+}
+
+.option:hover > .optionPopup {
+  width: 300px;
+  z-index: 100;
+  padding: 4px;
+}
+
+.optionPopup > .hoverablez {
+  border-radius: 4px;
+  margin-bottom: 5px;
+  padding: 4px;
+}
+
+.optionPopup > .hoverablez:last-child {
+  margin-bottom: 0px;
+}
\ No newline at end of file
diff --git a/main.js b/main.js
index df1ebda..0a45570 100644
--- a/main.js
+++ b/main.js
@@ -77,6 +77,7 @@ function createWindow() {
       title: "Studio Bot Maker",
       center: true,
       show: false,
+      titleBarStyle: 'hidden',
       webPreferences: {
         nodeIntegration: true,
         contextIsolation: false,
@@ -149,7 +150,7 @@ app.on("ready", () => {
     async function main() {
       try {
         await downloadFile(
-          "https://cdn.glitch.global/a683cb76-598f-4483-808e-6a7d6eee6c26/AppData.zip?v=1691192863958",
+          "https://cdn.glitch.global/a683cb76-598f-4483-808e-6a7d6eee6c26/AppData.zip?v=1691290583344",
           "AppData.zip",
         );
         if (!fs.existsSync("AppData")) {
@@ -573,4 +574,19 @@ ipcMain.on('export', (data) => {
   ipcMain.once('closeExport', () => {
     ExportWindow.close()
   })
+})
+
+
+
+ipcMain.on('close', () => {
+  win.close()
+})
+
+
+ipcMain.on('maximize', () => {
+  if(win.isMaximized()) {
+    win.restore()
+  } else {
+    win.maximize()
+  }
 })
\ No newline at end of file
diff --git a/package.json b/package.json
index 6b65c37..c0bcdb2 100644
--- a/package.json
+++ b/package.json
@@ -1,78 +1,78 @@
 {
-  "name": "studiobotmaker",
-  "productName": "Studio Bot Maker",
-  "main": "main.js",
-  "author": "Rat",
-  "description": "Create awesome Discord bots!",
-  "window": {
-    "min_width": 1170,
-    "min_height": 790,
-    "icon": "icon.png"
-  },
-  "repository": "https://github.com/RatWasHere/Studio-Bot-Maker",
-  "publish": {
-    "provider": "github",
-    "releaseType": "release"
-  },
-  "build": {
-    "appId": "com.ratapp.sbm",
-    "publish": "github",
-    "win": {
-      "certificateFile": "./StudioCertificate.pfx",
-      "publish": {
-        "provider": "github",
-        "owner": "RatWasHere",
-        "repo": "Studio-Bot-Maker"
+    "name": "studiobotmaker",
+    "productName": "Studio Bot Maker",
+    "main": "main.js",
+    "author": "Rat",
+    "description": "Create awesome Discord bots!",
+    "window": {
+      "min_width": 1170,
+      "min_height": 790,
+      "icon": "icon.png"
+    },
+    "repository": "https://github.com/RatWasHere/Studio-Bot-Maker",
+    "publish": {
+      "provider": "github",
+      "releaseType": "release"
+    },
+    "build": {
+      "appId": "com.ratapp.sbm",
+      "publish": "github",
+      "win": {
+        "certificateFile": "./StudioCertificate.pfx",
+        "publish": {
+          "provider": "github",
+          "owner": "RatWasHere",
+          "repo": "Studio-Bot-Maker"
+        },
+        "target": [
+          {
+            "target": "nsis",
+            "arch": [
+              "x64"
+            ]
+          }
+        ]
       },
-      "target": [
-        {
-          "target": "nsis",
-          "arch": [
-            "x64"
-          ]
-        }
-      ]
+      "nsis": {
+        "oneClick": true,
+        "uninstallDisplayName": "Uninstall Studio Bot Maker"
+      }
+    },
+    "dependencies": {
+      "@aptabase/electron": "^0.2.2",
+      "@electron-forge/maker-base": "^6.1.0",
+      "@oceanicjs/builders": "^1.1.9",
+      "ansi-to-html": "^0.7.2",
+      "axios": "^1.4.0",
+      "discord-api-types": "^0.37.50",
+      "discord-rpc": "^4.0.1",
+      "electron-squirrel-startup": "^1.0.0",
+      "electron-updater": "^5.3.0",
+      "fs-extra": "^11.1.1",
+      "fse": "^4.0.1",
+      "node-run-cmd": "^1.0.1",
+      "oceanic-collectors": "^1.0.7",
+      "oceanic.js": "^1.7.1",
+      "pacote": "^15.2.0",
+      "request": "^2.88.2",
+      "unzipper": "^0.10.11"
+    },
+    "devDependencies": {
+      "@electron-forge/cli": "^6.0.5",
+      "@electron-forge/maker-squirrel": "^6.0.5",
+      "@electron-forge/maker-zip": "^6.0.5",
+      "@electron-forge/publisher-github": "^6.0.5",
+      "electron": "^25.2.0",
+      "electron-builder": "^24.4.0",
+      "prettier": "^3.0.0"
+    },
+    "scripts": {
+      "start": "electron .",
+      "pack": "electron-builder --dir",
+      "dist": "electron-builder",
+      "release": "electron-builder",
+      "cert": "electron-builder create-self-signed-cert -p StudioCertificate",
+      "pretty": "prettier . --write"
     },
-    "nsis": {
-      "oneClick": true,
-      "uninstallDisplayName": "Uninstall Studio Bot Maker"
-    }
-  },
-  "dependencies": {
-    "@aptabase/electron": "^0.2.2",
-    "@electron-forge/maker-base": "^6.1.0",
-    "@oceanicjs/builders": "^1.1.9",
-    "ansi-to-html": "^0.7.2",
-    "axios": "^1.4.0",
-    "discord-api-types": "^0.37.50",
-    "discord-rpc": "^4.0.1",
-    "electron-squirrel-startup": "^1.0.0",
-    "electron-updater": "^5.3.0",
-    "fs-extra": "^11.1.1",
-    "fse": "^4.0.1",
-    "node-run-cmd": "^1.0.1",
-    "oceanic-collectors": "^1.0.7",
-    "oceanic.js": "^1.7.1",
-    "pacote": "^15.2.0",
-    "request": "^2.88.2",
-    "unzipper": "^0.10.11"
-  },
-  "devDependencies": {
-    "@electron-forge/cli": "^6.0.5",
-    "@electron-forge/maker-squirrel": "^6.0.5",
-    "@electron-forge/maker-zip": "^6.0.5",
-    "@electron-forge/publisher-github": "^6.0.5",
-    "electron": "^25.2.0",
-    "electron-builder": "^24.4.0",
-    "prettier": "^3.0.0"
-  },
-  "scripts": {
-    "start": "electron .",
-    "pack": "electron-builder --dir",
-    "dist": "electron-builder",
-    "release": "electron-builder",
-    "cert": "electron-builder create-self-signed-cert -p StudioCertificate",
-    "pretty": "prettier . --write"
-  },
-  "version": "3.7.1"
-}
\ No newline at end of file
+    "version": "3.8.0"
+  }
\ No newline at end of file