From 8d5887fc46ff051b8fe260078a28a45a17cd478b Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Fri, 27 Mar 2026 09:33:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=9B=86=E5=88=9B=E5=BB=BA=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E9=80=89=E6=8B=A9=E5=AD=98=E5=82=A8=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E5=92=8C=E6=95=B0=E6=8D=AE=E9=9B=86=E5=90=8D=E7=A7=B0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/boot/+page.svelte   |  4 +--
 src/routes/create/+page.svelte | 55 ++++++++++++++++++++++++++++++++++
 2 files changed, 57 insertions(+), 2 deletions(-)

diff --git a/src/routes/boot/+page.svelte b/src/routes/boot/+page.svelte
index e0ae252..522a08c 100644
--- a/src/routes/boot/+page.svelte
+++ b/src/routes/boot/+page.svelte
@@ -11,10 +11,10 @@ afterNavigate(() => {
 
 <main class="flex flex-col justify-center items-center overflow-hidden size-full">
   <div class="flex flex-col justify-center items-stretch gap-3">
-    <button class="btn">
+    <a class="btn" href="/create">
       <NewFolder width="20" />
       New Dataset
-    </button>
+    </a>
     <button class="btn">
       <OpenFolder width="20" />
       Open Dataset
diff --git a/src/routes/create/+page.svelte b/src/routes/create/+page.svelte
index cd1bfcf..e72d040 100644
--- a/src/routes/create/+page.svelte
+++ b/src/routes/create/+page.svelte
@@ -1,8 +1,63 @@
 <script lang="ts">
 import { afterNavigate } from '$app/navigation';
 import { currentActivate } from '$lib/stores/navigate';
+import { message, open } from '@tauri-apps/plugin-dialog';
+import { readDir } from '@tauri-apps/plugin-fs';
 
 afterNavigate(() => {
   currentActivate.set('dataset');
 });
+
+let storePath = $state('');
+let datasetName = $state('');
+
+async function selectStorePath() {
+  try {
+    const selectResult = await open({
+      directory: true,
+      multiple: false,
+      title: 'Select Dataset store path',
+    });
+    let selectedPath = '';
+    if (Array.isArray(selectResult)) {
+      selectedPath = selectResult[0] ?? '';
+    } else if (typeof selectResult === 'string') {
+      selectedPath = selectResult;
+    } else {
+      return;
+    }
+
+    if (!selectedPath) {
+      return;
+    }
+
+    const entries = await readDir(selectedPath);
+    if (entries.length > 0) {
+      await message('The selected directory is not empty. Please choose an empty directory.', {
+        kind: 'warning',
+        title: 'Directory Unavailable',
+      });
+      return;
+    }
+
+    storePath = selectedPath;
+  } catch (error) {
+    console.error('Failed to select store path:', error);
+  }
+}
 </script>
+
+<main class="flex flex-col gap-2 p-4 self-start">
+  <div class="join">
+    <label class="input input-md focus-within:outline-0 w-fit join-item">
+      <span class="label min-w-[10em]">Store Path</span>
+      <input type="text" class="min-w-[25em]" readonly value={storePath} />
+    </label>
+    <button class="btn join-item" onclick={selectStorePath}>Select</button>
+  </div>
+  <label class="input input-md focus-within:outline-0 w-fit">
+    <span class="label min-w-[10em]">Dataset Name</span>
+    <input type="text" class="min-w-[20em]" bind:value={datasetName} />
+  </label>
+  <button class="btn btn-primary btn-md w-fit self-center">Create</button>
+</main>