From f32364c25b74848b473cddad3e7c09bfe3fc8929 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sat, 28 Mar 2026 08:41:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=9B=86=E4=BF=A1=E6=81=AF=E8=A1=A8=E5=8D=95=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=8C=85=E5=90=AB=E6=95=B0=E6=8D=AE=E9=9B=86=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E5=92=8C=E7=9B=AE=E6=A0=87=E6=A8=A1=E5=9E=8B=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/dataset/+page.svelte               |  2 ++
 src/routes/dataset/DatasetInfoForm.svelte     |  9 ++++++++
 .../dataset/meta-form/DatasetName.svelte      | 16 +++++++++++++
 .../dataset/meta-form/SelectModel.svelte      | 23 +++++++++++++++++++
 4 files changed, 50 insertions(+)
 create mode 100644 src/routes/dataset/DatasetInfoForm.svelte
 create mode 100644 src/routes/dataset/meta-form/DatasetName.svelte
 create mode 100644 src/routes/dataset/meta-form/SelectModel.svelte

diff --git a/src/routes/dataset/+page.svelte b/src/routes/dataset/+page.svelte
index 8fcfff1..82fa159 100644
--- a/src/routes/dataset/+page.svelte
+++ b/src/routes/dataset/+page.svelte
@@ -4,6 +4,7 @@ import { activeDatasetMeta } from '$lib/stores/dataset';
 import { currentActivate } from '$lib/stores/navigate';
 import { invoke } from '@tauri-apps/api/core';
 import { get } from 'svelte/store';
+import DatasetInfoForm from './DatasetInfoForm.svelte';
 
 afterNavigate(() => {
   currentActivate.set('dataset');
@@ -15,6 +16,7 @@ afterNavigate(() => {
 <main class="px-4 py-4 size-full flex flex-col items-stretch gap-1 overflow-hidden">
   <h2>Dataset Settings</h2>
   <hr class="border-zinc-500" />
+  <DatasetInfoForm />
   <h2>Environment Check</h2>
   <hr class="border-zinc-500" />
 </main>
diff --git a/src/routes/dataset/DatasetInfoForm.svelte b/src/routes/dataset/DatasetInfoForm.svelte
new file mode 100644
index 0000000..54f18a0
--- /dev/null
+++ b/src/routes/dataset/DatasetInfoForm.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+import DatasetName from './meta-form/DatasetName.svelte';
+import SelectModel from './meta-form/SelectModel.svelte';
+</script>
+
+<div class="flex flex-col gap-2 px-4 py-4">
+  <DatasetName />
+  <SelectModel />
+</div>
diff --git a/src/routes/dataset/meta-form/DatasetName.svelte b/src/routes/dataset/meta-form/DatasetName.svelte
new file mode 100644
index 0000000..6ceec5a
--- /dev/null
+++ b/src/routes/dataset/meta-form/DatasetName.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+import { activeDatasetMeta } from '$lib/stores/dataset';
+import { onMount } from 'svelte';
+import { get } from 'svelte/store';
+
+let name = $state('');
+
+onMount(() => {
+  name = get(activeDatasetMeta)?.name ?? '';
+});
+</script>
+
+<label class="input w-fit in-focus-within:outline-0">
+  <span class="label min-w-[10em]">Dataset Name</span>
+  <input type="text" bind:value={name} class="min-w-[20em] focus:outline-0" />
+</label>
diff --git a/src/routes/dataset/meta-form/SelectModel.svelte b/src/routes/dataset/meta-form/SelectModel.svelte
new file mode 100644
index 0000000..074bf7f
--- /dev/null
+++ b/src/routes/dataset/meta-form/SelectModel.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+import { activeDatasetMeta } from '$lib/stores/dataset';
+import { ModelChoices, type TargetModels } from '$lib/types/models';
+import { onMount } from 'svelte';
+import { get } from 'svelte/store';
+
+let selected: TargetModels | null = $state(null);
+
+onMount(() => {
+  selected = get(activeDatasetMeta)?.targetModel ?? null;
+});
+
+async function saveTargetModel() {}
+</script>
+
+<label class="input w-fit in-focus-within:outline-0">
+  <span class="label min-w-[10em]">Target Model</span>
+  <select bind:value={selected} onselect={saveTargetModel} class="min-w-[20em] focus:outline-0">
+    {#each ModelChoices as model}
+      <option value={model.value}>{model.label}</option>
+    {/each}
+  </select>
+</label>