Show Settings LoRA aliases in picker lists instead of filenames.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/SettingsForm.vue

@@ -202,8 +202,11 @@
             class="flex flex-col gap-2 rounded-2xl border border-white/10 bg-zinc-950/50 px-4 py-3 sm:flex-row sm:items-center"
           >
             <div class="min-w-0 flex-1">
-              <p class="truncate text-sm text-zinc-200">{{ row.file }}</p>
-              <p class="text-[10px] uppercase tracking-wide text-zinc-600">{{ row.kind === 'both' ? 'Image · Video' : row.kind }}</p>
+              <p class="truncate text-sm text-zinc-200">{{ row.draft || row.file }}</p>
+              <p class="truncate text-[10px] uppercase tracking-wide text-zinc-600">
+                {{ row.kind === 'both' ? 'Image · Video' : row.kind }}
+                <span v-if="row.draft" class="normal-case tracking-normal text-zinc-500"> · {{ row.file }}</span>
+              </p>
             </div>
             <div class="flex w-full flex-col gap-2 sm:w-56">
               <input
@@ -445,7 +448,7 @@ const filteredLoraRows = computed(() => {
     if (!q) return true
     const hay = `${row.file} ${row.draft} ${row.trigger} ${row.key} ${row.placeholder}`.toLowerCase()
     return hay.includes(q)
-  })
+  }).sort((a, b) => (a.draft || a.file).localeCompare(b.draft || b.file, undefined, { sensitivity: 'base' }))
 })
 const loginUser = ref('')
 const loginCurrent = ref('')