From 38bf9ce942b93ae756e347a60abf107fd1135001 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sat, 28 Mar 2026 17:59:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20LoRA=20=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E4=BF=9D=E5=AD=98=E5=92=8C=E5=8F=8D=E9=A6=88=E6=9C=BA?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/dataset/DatasetInfoForm.svelte     |  2 +
 .../dataset/meta-form/SelectLoraType.svelte   | 53 +++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 src/routes/dataset/meta-form/SelectLoraType.svelte

diff --git a/src/routes/dataset/DatasetInfoForm.svelte b/src/routes/dataset/DatasetInfoForm.svelte
index 54f18a0..744e96c 100644
--- a/src/routes/dataset/DatasetInfoForm.svelte
+++ b/src/routes/dataset/DatasetInfoForm.svelte
@@ -1,9 +1,11 @@
 <script lang="ts">
 import DatasetName from './meta-form/DatasetName.svelte';
+import SelectLoraType from './meta-form/SelectLoraType.svelte';
 import SelectModel from './meta-form/SelectModel.svelte';
 </script>
 
 <div class="flex flex-col gap-2 px-4 py-4">
   <DatasetName />
   <SelectModel />
+  <SelectLoraType />
 </div>
diff --git a/src/routes/dataset/meta-form/SelectLoraType.svelte b/src/routes/dataset/meta-form/SelectLoraType.svelte
new file mode 100644
index 0000000..3fa8554
--- /dev/null
+++ b/src/routes/dataset/meta-form/SelectLoraType.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+import { activeDatasetMeta, updateActiveDatasetMeta } from '$lib/stores/dataset';
+import { LoRATypeChoices, type LoRATypes } from '$lib/types/models';
+import { createSaveFeedbackController, type SaveFeedbackState } from '$lib/utils/form-save';
+import { onDestroy, onMount } from 'svelte';
+import { get } from 'svelte/store';
+
+let selected: LoRATypes | null = $state(null);
+let saveFeedback = $state<SaveFeedbackState>('idle');
+
+const feedback = createSaveFeedbackController((state) => {
+  saveFeedback = state;
+});
+
+onMount(() => {
+  const currentType = get(activeDatasetMeta)?.loraType;
+  const match = LoRATypeChoices.find((item) => item.value === currentType);
+  selected = match?.value ?? null;
+});
+
+onDestroy(() => {
+  feedback.dispose();
+});
+
+async function saveLoraType() {
+  if (!selected) {
+    feedback.markNotUpdated();
+    return;
+  }
+
+  try {
+    await updateActiveDatasetMeta({ loraType: selected });
+    feedback.markUpdated();
+  } catch (error) {
+    console.error('Failed to save lora type:', error);
+    feedback.markNotUpdated();
+  }
+}
+</script>
+
+<label
+  class={[
+    'input w-fit in-focus-within:outline-0 transition-colors duration-300 ease-out',
+    saveFeedback === 'updated' && 'border-green-500',
+    saveFeedback === 'not-updated' && 'border-red-500',
+  ]}>
+  <span class="label min-w-[10em]">LoRA Type</span>
+  <select bind:value={selected} onchange={saveLoraType} class="min-w-[20em] focus:outline-0">
+    {#each LoRATypeChoices as loraType}
+      <option value={loraType.value}>{loraType.label}</option>
+    {/each}
+  </select>
+</label>