Fixes #264

With a watchout, a json duplication may not be the best way to do this with typescript as it assumes this object is a data model.

src/renderer/components/battle/BotParticipant.vue

@@ -3,7 +3,7 @@
         <div class="flex-row flex-center">
             <Icon :icon="robot" :height="16" />
         </div>
-        <div>{{ bot.name }}</div>
+        <div>{{ bot.name }} - {{ botNameAffix }}</div>
     </TeamParticipant>
     <LuaOptionsModal
         :id="`configure-bot-${bot.name}`"
@@ -43,6 +43,10 @@ const actions: MenuItem[] = [
         label: "Configure",
         command: configureBot,
     },
+    {
+        label: "Duplicate",
+        command: duplicateBot,
+    },
     {
         label: "Kick",
         command: kickBot,
@@ -59,6 +63,13 @@ function kickBot() {
     props.battle.removeBot(props.bot);
 }
 
+// Duplicates this bot and its settings and gives it a new player id.
+function duplicateBot() {
+    let duplicatedBot = JSON.parse(JSON.stringify(props.bot));
+    duplicatedBot.playerId = props.battle.contenders.value.length;
+    props.battle.addBot(duplicatedBot);
+}
+
 async function configureBot() {
     const engineVersion = api.content.engine.installedVersions.find((version) => version.id === props.battle.battleOptions.engineVersion);
     const ai = engineVersion?.ais.find((ai) => ai.name === props.bot.name);