diff --git a/src/lib/client.ts b/src/lib/client.ts
index 4191e66..f72ab60 100644
--- a/src/lib/client.ts
+++ b/src/lib/client.ts
@@ -1,4 +1,4 @@
-import type { ResultDocument, UserData } from "../shared/types";
+import type { ResultDocument, UserData } from "./types";
 
 
 export async function post(endpoint: string, data: any) {
diff --git a/src/shared/ext.ts b/src/lib/ext.ts
similarity index 100%
rename from src/shared/ext.ts
rename to src/lib/ext.ts
diff --git a/src/lib/server/db.ts b/src/lib/server/db.ts
index a588f35..a63bd41 100644
--- a/src/lib/server/db.ts
+++ b/src/lib/server/db.ts
@@ -1,5 +1,5 @@
 import { MongoClient } from "mongodb"
-import type { UserDocument, ResultDocument } from "../../shared/types"
+import type { UserDocument, ResultDocument } from "../types"
 
 export const mongo = new MongoClient(process.env.MONGO_URL || "mongodb://cat:meow@localhost:27017/")
 mongo.connect()
diff --git a/src/lib/server/result.ts b/src/lib/server/result.ts
index 426feef..2633183 100644
--- a/src/lib/server/result.ts
+++ b/src/lib/server/result.ts
@@ -1,4 +1,4 @@
-import type { ResultDocument } from "../../shared/types"
+import type { ResultDocument } from "../types"
 import { dbs } from "./db"
 import { ObjectId } from "mongodb"
 
diff --git a/src/lib/server/songs.ts b/src/lib/server/songs.ts
index db4f1aa..20a8361 100644
--- a/src/lib/server/songs.ts
+++ b/src/lib/server/songs.ts
@@ -1,11 +1,11 @@
 import * as ne from '@neteasecloudmusicapienhanced/api'
 import { aiParseLyrics } from './tools/lyrics'
-import type { NeteaseSong, UserDocument } from '../../shared/types'
+import type { NeteaseSong, UserDocument } from '../types'
 import { dbs } from './db'
 import { franc } from 'franc'
 import { error } from '@sveltejs/kit'
 import type { ObjectId } from 'mongodb'
-import '../../shared/ext'
+import '../ext'
 import { promises as fs } from 'fs'
 import path from 'path'
 
@@ -168,6 +168,30 @@ export const prepareSong = async (songId: number) => {
         const taskAudio = addTask('从网易云获取音乐')
         await getSongUrl(songId)
         taskAudio.progress = 1
+
+        // 4. Source Separation
+        const taskSeparation = addTask('AI 人声分离')
+        const vocalsPath = path.join(CACHE_DIR, `${songId}/vocals.mp3`)
+        
+        let retries = 0
+        // Wait up to 10 minutes (separation can be slow on CPU)
+        while (retries < 600) {
+            try {
+                await fs.access(vocalsPath)
+                taskSeparation.progress = 1
+                break
+            } catch {
+                // File doesn't exist yet
+                await new Promise(r => setTimeout(r, 1000))
+                retries++
+                // Update progress to show it's alive
+                if (retries % 5 === 0) taskSeparation.progress = Math.min(0.99, retries / 600)
+            }
+        }
+
+        if (taskSeparation.progress < 1) {
+            addTask('警告: AI 人声分离超时，请检查后台脚本').progress = -1
+        }
         
         state.status = 'done'
 
diff --git a/src/lib/server/tools/lyrics.ts b/src/lib/server/tools/lyrics.ts
index 58863a9..09f4fb6 100644
--- a/src/lib/server/tools/lyrics.ts
+++ b/src/lib/server/tools/lyrics.ts
@@ -1,5 +1,5 @@
 import { OpenRouter } from '@openrouter/sdk'
-import type { LyricLine, LyricSegment } from '../../../shared/types'
+import type { LyricLine, LyricSegment } from '../../types'
 import { isKana, isKanji } from 'wanakana'
 
 // Please put OPENROUTER_API_KEY in your environment variables.
diff --git a/src/lib/server/user.ts b/src/lib/server/user.ts
index c0754d1..af24f83 100644
--- a/src/lib/server/user.ts
+++ b/src/lib/server/user.ts
@@ -1,5 +1,5 @@
 import { dbs } from "./db"
-import { type UserDocument, type UserData } from "../../shared/types.ts";
+import { type UserDocument, type UserData } from "$lib/types.ts";
 import { error } from "@sveltejs/kit";
 
 const users = dbs.users
diff --git a/src/shared/types.ts b/src/lib/types.ts
similarity index 100%
rename from src/shared/types.ts
rename to src/lib/types.ts
diff --git a/src/components/Button.svelte b/src/lib/ui/Button.svelte
similarity index 100%
rename from src/components/Button.svelte
rename to src/lib/ui/Button.svelte
diff --git a/src/components/IconButton.svelte b/src/lib/ui/IconButton.svelte
similarity index 100%
rename from src/components/IconButton.svelte
rename to src/lib/ui/IconButton.svelte
diff --git a/src/components/TitleHeader.svelte b/src/lib/ui/TitleHeader.svelte
similarity index 100%
rename from src/components/TitleHeader.svelte
rename to src/lib/ui/TitleHeader.svelte
diff --git a/src/components/appbar/AppBar.svelte b/src/lib/ui/appbar/AppBar.svelte
similarity index 100%
rename from src/components/appbar/AppBar.svelte
rename to src/lib/ui/appbar/AppBar.svelte
diff --git a/src/components/listitem/ImageListItem.svelte b/src/lib/ui/listitem/ImageListItem.svelte
similarity index 100%
rename from src/components/listitem/ImageListItem.svelte
rename to src/lib/ui/listitem/ImageListItem.svelte
diff --git a/src/components/listitem/SongInfo.svelte b/src/lib/ui/listitem/SongInfo.svelte
similarity index 82%
rename from src/components/listitem/SongInfo.svelte
rename to src/lib/ui/listitem/SongInfo.svelte
index 9ac8360..829434e 100644
--- a/src/components/listitem/SongInfo.svelte
+++ b/src/lib/ui/listitem/SongInfo.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { artistAndAlbum } from "../../shared/tools.ts";
-  import type { NeteaseSong } from "../../shared/types.ts";
+  import type { NeteaseSong } from "$lib/types.ts";
   import ImageListItem from "./ImageListItem.svelte";
 
   let { info }: { info: NeteaseSong } = $props();
diff --git a/src/components/material3/MenuItem.svelte b/src/lib/ui/material3/MenuItem.svelte
similarity index 100%
rename from src/components/material3/MenuItem.svelte
rename to src/lib/ui/material3/MenuItem.svelte
diff --git a/src/components/material3/README.md b/src/lib/ui/material3/README.md
similarity index 100%
rename from src/components/material3/README.md
rename to src/lib/ui/material3/README.md
diff --git a/src/components/status/Dialog.svelte b/src/lib/ui/status/Dialog.svelte
similarity index 100%
rename from src/components/status/Dialog.svelte
rename to src/lib/ui/status/Dialog.svelte
diff --git a/src/components/status/ErrorDialog.svelte b/src/lib/ui/status/ErrorDialog.svelte
similarity index 100%
rename from src/components/status/ErrorDialog.svelte
rename to src/lib/ui/status/ErrorDialog.svelte
diff --git a/src/components/status/Loading.svelte b/src/lib/ui/status/Loading.svelte
similarity index 100%
rename from src/components/status/Loading.svelte
rename to src/lib/ui/status/Loading.svelte
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..32dbf8b
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,24 @@
+import type { NeteaseSong } from "../lib/types";
+
+export const artistAndAlbum = (song: NeteaseSong) => `${song.ar.map(it => it.name).join(', ')} - ${song.al.name}`
+
+/**
+ * Waits for a condition to become true.
+ * @param condition A function that returns a boolean or a Promise<boolean>.
+ * @param options Optional configuration for interval and timeout.
+ * @returns A Promise that resolves when the condition becomes true.
+ * @throws Error if the timeout is reached.
+ */
+export async function waitFor(
+  condition: () => boolean | Promise<boolean>,
+  options: { interval?: number; timeout?: number } = {}
+): Promise<void> {
+  const { interval = 100, timeout = 5000 } = options;
+  const startTime = Date.now();
+
+  while (true) {
+    if (await condition()) return
+    if (Date.now() - startTime > timeout) throw new Error(`Timeout of ${timeout}ms waiting for condition`)
+    await new Promise((resolve) => setTimeout(resolve, interval))
+  }
+}
diff --git a/src/routes/admin/netease-login/+page.svelte b/src/routes/admin/netease-login/+page.svelte
index 138f15b..4931051 100644
--- a/src/routes/admin/netease-login/+page.svelte
+++ b/src/routes/admin/netease-login/+page.svelte
@@ -11,7 +11,7 @@ This page is vibe-coded. It's not a part of the regular UI intended for users an
     import { onDestroy, onMount } from 'svelte';
     import { API } from '$lib/client';
     import { fade, scale } from 'svelte/transition';
-    import AppBar from "../../../components/appbar/AppBar.svelte";
+    import AppBar from "$lib/ui/appbar/AppBar.svelte";
     import { Layer } from "m3-svelte";
 
     let status = $state<'loading' | 'waiting_scan' | 'waiting_confirm' | 'success' | 'error'>('loading');
diff --git a/src/routes/import/netease/+page.svelte b/src/routes/import/netease/+page.svelte
index 3f899c2..03b19c3 100644
--- a/src/routes/import/netease/+page.svelte
+++ b/src/routes/import/netease/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { TextFieldOutlined } from "m3-svelte"
-  import AppBar from "../../../components/appbar/AppBar.svelte"
-  import Button from "../../../components/Button.svelte"
-  import type { NeteaseSong } from "../../../shared/types"
-  import { API } from "../../../lib/client"
-  import ErrorDialog from "../../../components/status/ErrorDialog.svelte";
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
+  import Button from "$lib/ui/button/Button.svelte"
+  import type { NeteaseSong } from "$lib/types"
+  import { API } from "$lib/client"
+  import ErrorDialog from "$lib/ui/status/ErrorDialog.svelte";
   import ProgressList from "./ProgressList.svelte";
 
   let link = $state('')
diff --git a/src/routes/playlist/[id]/+page.svelte b/src/routes/playlist/[id]/+page.svelte
index f6e8ef8..e262990 100644
--- a/src/routes/playlist/[id]/+page.svelte
+++ b/src/routes/playlist/[id]/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { PageProps } from "./$types"
   import { goto } from "$app/navigation";
-  import AppBar from "../../../components/appbar/AppBar.svelte";
-  import Button from "../../../components/Button.svelte";
-  import SongInfo from "../../../components/listitem/SongInfo.svelte";
+  import AppBar from "$lib/ui/appbar/AppBar.svelte";
+  import Button from "$lib/ui/button/Button.svelte";
+  import SongInfo from "$lib/ui/listitem/SongInfo.svelte";
   import { API } from "$lib/client";
 
   let { data }: PageProps = $props()
diff --git a/src/routes/playlists/[category]/+page.svelte b/src/routes/playlists/[category]/+page.svelte
index 71a82d3..e236d57 100644
--- a/src/routes/playlists/[category]/+page.svelte
+++ b/src/routes/playlists/[category]/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { goto } from "$app/navigation"
-  import AppBar from "../../../components/appbar/AppBar.svelte"
-  import ImageListItem from "../../../components/listitem/ImageListItem.svelte"
-  import MenuItem from "../../../components/material3/MenuItem.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
+  import ImageListItem from "$lib/ui/listitem/ImageListItem.svelte"
+  import MenuItem from "$lib/ui/material3/MenuItem.svelte"
   import type { PageProps } from "./$types"
 
   let { data }: PageProps = $props()
diff --git a/src/routes/results/[id]/+page.svelte b/src/routes/results/[id]/+page.svelte
index 0f83983..be5e832 100644
--- a/src/routes/results/[id]/+page.svelte
+++ b/src/routes/results/[id]/+page.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
   import type { PageProps } from "./$types"
   import { goto } from "$app/navigation"
-  import AppBar from "../../../components/appbar/AppBar.svelte"
-  import { artistAndAlbum } from "../../../shared/tools"
-  import Button from "../../../components/Button.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
+  import { artistAndAlbum } from "$lib/utils"
+  import Button from "$lib/ui/Button.svelte"
 
   import Chart from "chart.js/auto"
   import { API } from "$lib/client"
 
-  import type { NeteaseSong, UserData } from "../../../shared/types"
+  import type { NeteaseSong, UserData } from "../../../lib/types"
 
   let { data }: PageProps = $props()
 
diff --git a/src/routes/song/[id]/+page.svelte b/src/routes/song/[id]/+page.svelte
index a9f2c4e..aa84706 100644
--- a/src/routes/song/[id]/+page.svelte
+++ b/src/routes/song/[id]/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { API } from "$lib/client"
   import { onMount } from "svelte"
-  import Button from "../../../components/Button.svelte"
-  import AppBar from "../../../components/appbar/AppBar.svelte"
+  import Button from "$lib/ui/Button.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
   import { goto } from "$app/navigation"
-  import { artistAndAlbum } from "../../../shared/tools.ts"
+  import { artistAndAlbum } from "$lib/utils"
   import ProgressList from "../../import/netease/ProgressList.svelte"
 
   let { data } = $props()
diff --git a/src/routes/song/[id]/play/+page.svelte b/src/routes/song/[id]/play/+page.svelte
index 6d7fde3..6ebc949 100644
--- a/src/routes/song/[id]/play/+page.svelte
+++ b/src/routes/song/[id]/play/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import AppBar from "../../../../components/appbar/AppBar.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
   import type { PageProps } from "./$types"
   import { LinearProgress } from "m3-svelte"
   import { onMount, tick } from "svelte"
-  import { typingSettingsDefault, type LyricSegment } from "../../../../shared/types.ts"
+  import { typingSettingsDefault, type LyricSegment } from "$lib/types.ts"
   import { isKana, isKanji, toHiragana, toKatakana, toRomaji } from "wanakana"
   import { composeList, fuzzyEquals, processLrcLine, dedupLines, type ProcLrcLine, type ProcLrcSeg } from "./IMEHelper.ts"
-  import MenuItem from "../../../../components/material3/MenuItem.svelte"
-  import "../../../../shared/ext.ts"
+  import MenuItem from "$lib/ui/material3/MenuItem.svelte"
+  import "$lib/ext.ts"
   import { API } from "$lib/client.ts"
   import { animateCaret } from "./animation.ts"
   import { goto } from '$app/navigation'
-  import { artistAndAlbum } from "../../../../shared/tools.ts"
+  import { artistAndAlbum } from "$lib/utils.ts"
   import { MusicControl } from "./MusicControl.ts"
 
   let { data }: PageProps = $props()
diff --git a/src/routes/song/[id]/play/IMEHelper.ts b/src/routes/song/[id]/play/IMEHelper.ts
index 8ec4472..f4a5fa8 100644
--- a/src/routes/song/[id]/play/IMEHelper.ts
+++ b/src/routes/song/[id]/play/IMEHelper.ts
@@ -1,5 +1,5 @@
 import { toHiragana } from "wanakana";
-import type { LyricLine, LyricSegment } from "../../../../shared/types";
+import type { LyricLine, LyricSegment } from "$lib/types";
 
 export type ProcLrcSeg = { swi: number, kanji?: string, kana: string }
 export type ProcLrcLine = { parts: ProcLrcSeg[], totalLen: number }
diff --git a/src/routes/song/[id]/play/MusicControl.ts b/src/routes/song/[id]/play/MusicControl.ts
index d2c8559..72bcb55 100644
--- a/src/routes/song/[id]/play/MusicControl.ts
+++ b/src/routes/song/[id]/play/MusicControl.ts
@@ -1,5 +1,5 @@
 import * as Tone from 'tone'
-import type { LyricLine } from '../../../../shared/types'
+import type { LyricLine } from '$lib/types'
 
 export class MusicControl {
   player: Tone.Player
diff --git a/src/routes/user/+page.svelte b/src/routes/user/+page.svelte
index 416b878..03e0283 100644
--- a/src/routes/user/+page.svelte
+++ b/src/routes/user/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { TextFieldOutlined } from "m3-svelte"
-  import AppBar from "../../components/appbar/AppBar.svelte"
-  import Button from "../../components/Button.svelte"
-  import Dialog from "../../components/status/Dialog.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte"
+  import Button from "$lib/ui/Button.svelte"
+  import Dialog from "$lib/ui/status/Dialog.svelte"
   import { API } from "$lib/client"
-  import ErrorDialog from "../../components/status/ErrorDialog.svelte"
+  import ErrorDialog from "$lib/ui/status/ErrorDialog.svelte"
 
   let showCodeOpen = $state(false)
   let loginSuccessOpen = $state(false)
diff --git a/src/shared/tools.ts b/src/shared/tools.ts
deleted file mode 100644
index 5a499af..0000000
--- a/src/shared/tools.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { NeteaseSong } from "./types";
-
-export const artistAndAlbum = (song: NeteaseSong) => `${song.ar.map(it => it.name).join(', ')} - ${song.al.name}`
\ No newline at end of file