Simplify Studio 2 sources and persist private previews and LoRA lists

components/LoraSelect.vue

@@ -31,7 +31,7 @@
             >
               <span class="block leading-none" aria-hidden="true">⋮⋮</span>
             </button>
-            <span class="min-w-0 truncate text-zinc-200">{{ labelFor(item.name) }}</span>
+            <span class="min-w-0"><span class="block truncate text-zinc-200">{{ labelFor(item.name) }}</span><span v-if="filenameSubtitle" class="block truncate text-[11px] text-zinc-500" :title="item.name">{{ item.name }}</span></span>
             <LoraTriggerTip
               :text="triggerFor(item.name)"
               :aria-label="'Activation for ' + labelFor(item.name)"
@@ -97,7 +97,7 @@
         v-for="name in availableNames"
         :key="name"
         :value="name"
-      >{{ labelFor(name) }}</option>
+      >{{ labelFor(name) }}{{ filenameSubtitle ? ' — '+name : '' }}</option>
     </select>
   </div>
 </template>
@@ -119,6 +119,7 @@ import {
 
 const props = withDefaults(defineProps<{
   names: string[]
+  filenameSubtitle?: boolean
   label?: string
   emptyLabel?: string
   addLabel?: string
@@ -131,6 +132,7 @@ const props = withDefaults(defineProps<{
   engine?: 'flux' | 'krea' | ''
 }>(), {
   label: 'LoRA',
+  filenameSubtitle: false,
   emptyLabel: 'None',
   addLabel: 'Add LoRA',
   missingLabel: 'Wake GPU to load LoRAs',