From ee9dba5dc093a08b5eeea52d96b658eb94d01c1c Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Wed, 25 Feb 2026 23:05:24 +1100
Subject: [PATCH] Add display name field to version importer (#354)

---
 server/i18n/locales/en_us.json             |  3 +++
 server/pages/admin/library/[id]/import.vue | 22 ++++++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/server/i18n/locales/en_us.json b/server/i18n/locales/en_us.json
index b3f1d6e5..a56417fc 100644
--- a/server/i18n/locales/en_us.json
+++ b/server/i18n/locales/en_us.json
@@ -412,6 +412,9 @@
         "selectGameSearch": "Select game",
         "selectPlatform": "Please select a platform…",
         "version": {
+          "displayName": "Display Name",
+          "displayNameDesc": "Optionally, set the display name of the version. If not set, uses the name in the dropdown.",
+          "displayNamePlaceholder": "My New Version",
           "import": "Import version",
           "installDir": "(install_dir)/",
           "launchCmd": "Launch executable/command",
diff --git a/server/pages/admin/library/[id]/import.vue b/server/pages/admin/library/[id]/import.vue
index 2da56266..d5d6ad85 100644
--- a/server/pages/admin/library/[id]/import.vue
+++ b/server/pages/admin/library/[id]/import.vue
@@ -74,6 +74,28 @@
     </Listbox>
 
     <div v-if="versionGuesses" class="flex flex-col gap-4">
+      <!-- version display name -->
+      <div class="bg-zinc-800 p-4 rounded-xl relative flex flex-col gap-y-2">
+        <div>
+          <label class="block text-sm font-medium leading-6 text-zinc-100">{{
+            $t("library.admin.import.version.displayName")
+          }}</label>
+          <p class="text-zinc-400 text-xs">
+            {{ $t("library.admin.import.version.displayNameDesc") }}
+          </p>
+        </div>
+        <div>
+          <input
+            id="display-name"
+            v-model="versionSettings.displayName"
+            type="text"
+            class="min-w-48 block w-full rounded-md border-radius-md bg-zinc-950 px-3 py-1.5 text-white outline-1 -outline-offset-1 outline-zinc-800 placeholder:text-zinc-500 focus:outline-1 focus:-outline-offset-1 focus:outline-blue-500 sm:text-sm/6"
+            :placeholder="
+              $t('library.admin.import.version.displayNamePlaceholder')
+            "
+          />
+        </div>
+      </div>
       <!-- setup executable -->
       <div class="bg-zinc-800 p-4 rounded-xl relative flex flex-col gap-y-2">
         <div>