feat(frontend): ability to reset startup command to default

apps/frontend/src/composables/pyroServers.ts

@@ -191,6 +191,7 @@ interface Allocation {
 
 interface Startup {
   invocation: string;
+  original_invocation: string;
   jdk_version: "lts8" | "lts11" | "lts17" | "lts21";
   jdk_build: "corretto" | "temurin" | "graal";
 }

apps/frontend/src/pages/servers/manage/[id]/options/startup.vue

@@ -7,10 +7,13 @@
 
       <div class="gap-2">
         <div class="card flex flex-col gap-4">
-          <label for="startup-command-field" class="flex flex-col gap-2">
-            <span class="text-lg font-bold text-contrast">Startup Command</span>
-            <span> The command that runs when your server is started. </span>
-          </label>
+          <div class="flex justify-between">
+            <label for="startup-command-field" class="flex flex-col gap-2">
+              <span class="text-lg font-bold text-contrast">Startup Command</span>
+              <span> The command that runs when your server is started. </span>
+            </label>
+            <Button @click="resetToDefault"> Original Command </Button>
+          </div>
           <textarea
             id="startup-command-field"
             v-model="invocation"
@@ -65,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { DropdownSelect } from "@modrinth/ui";
+import { DropdownSelect, Button } from "@modrinth/ui";
 import type { Server } from "~/composables/pyroServers";
 
 const props = defineProps<{
@@ -159,4 +162,8 @@ const resetStartup = () => {
   jdkBuild.value =
     jdkBuildMap.find((v) => v.value === startupSettings.value?.jdk_build)?.label || "";
 };
+
+const resetToDefault = () => {
+  invocation.value = startupSettings.value?.original_invocation;
+};
 </script>