diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index 039ab27..5cedc6f 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,9 +4,14 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-      </SelectionState>
-      <SelectionState runConfigName="GreetingPreview">
-        <option name="selectionMode" value="DROPDOWN" />
+        <DropdownSelection timestamp="2025-12-31T07:18:05.130510Z">
+          <Target type="DEFAULT_BOOT">
+            <handle>
+              <DeviceId pluginId="PhysicalDevice" identifier="serial=97e679eb" />
+            </handle>
+          </Target>
+        </DropdownSelection>
+        <DialogSelection />
       </SelectionState>
     </selectionStates>
   </component>
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 97f0a8e..639c779 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 74dd639..b2c751a 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="jbr-21" project-jdk-type="JavaSDK">
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 51f101e..a0beeea 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -15,7 +15,7 @@ android {
         minSdk = 30
         targetSdk = 36
         versionCode = 1
-        versionName = "1.0"
+        versionName = "1.0.0"
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
     }
@@ -51,6 +51,8 @@ dependencies {
     implementation(libs.androidx.compose.ui.tooling.preview)
     implementation(libs.androidx.compose.material3)
     implementation(libs.androidx.fragment.ktx)
+    implementation(libs.androidx.material3)
+    implementation(libs.androidx.compose.foundation)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
@@ -67,4 +69,8 @@ dependencies {
 
     implementation(libs.androidx.lifecycle.viewmodel.compose)
     implementation(libs.androidx.lifecycle.viewmodel.ktx)
+
+    // navigation
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.androidx.lifecycle.viewmodel.compose.v270)
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 02ba7ef..39c8ffc 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -26,6 +26,16 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <provider
+            android:name="androidx.core.content.FileProvider"
+            android:authorities="${applicationId}.fileprovider"
+            android:exported="false"
+            android:grantUriPermissions="true">
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/file_paths" />
+        </provider>
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/MainActivity.kt b/app/src/main/java/com/eggetteluo/folder/MainActivity.kt
index ed362a5..f83dfec 100644
--- a/app/src/main/java/com/eggetteluo/folder/MainActivity.kt
+++ b/app/src/main/java/com/eggetteluo/folder/MainActivity.kt
@@ -1,155 +1,31 @@
 package com.eggetteluo.folder
 
-import android.Manifest
 import android.os.Bundle
-import android.os.Environment
-import androidx.activity.compose.BackHandler
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
-import androidx.activity.viewModels
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.items
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.Description
-import androidx.compose.material.icons.filled.Folder
-import androidx.compose.material3.*
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
 import androidx.fragment.app.FragmentActivity
-import com.eggetteluo.folder.model.FileItem
+import androidx.navigation.compose.rememberNavController
+import com.eggetteluo.folder.ui.navigation.AppNavGraph
 import com.eggetteluo.folder.ui.theme.FolderTheme
-import com.eggetteluo.folder.viewModel.FileViewModel
-import com.permissionx.guolindev.PermissionX
-import java.io.File
 
 class MainActivity : FragmentActivity() {
-
-    private val fileViewModel: FileViewModel by viewModels()
-
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
         setContent {
             FolderTheme {
-                val hasPermission by fileViewModel.hasPermission.collectAsState()
-
-                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
-                    Box(modifier = Modifier.padding(innerPadding).fillMaxSize()) {
-                        if (hasPermission) {
-                            FileExplorerScreen(fileViewModel)
-                        } else {
-                            PermissionGuideScreen {
-                                requestStoragePermission(this@MainActivity) {
-                                    fileViewModel.onPermissionGranted()
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-@Composable
-fun FileExplorerScreen(viewModel: FileViewModel) {
-    val fileList by viewModel.fileList.collectAsState()
-    val currentPath by viewModel.currentPath.collectAsState()
-
-    // 处理安卓物理返回键：如果不在根目录，点击返回键则跳回上一级
-    BackHandler(enabled = currentPath.absolutePath != Environment.getExternalStorageDirectory().absolutePath) {
-        viewModel.navigateBack()
-    }
-
-    Column {
-        Surface(tonalElevation = 4.dp, modifier = Modifier.fillMaxWidth()) {
-            Text(
-                text = "当前路径: ${currentPath.absolutePath}",
-                modifier = Modifier.padding(16.dp),
-                style = MaterialTheme.typography.labelSmall
-            )
-        }
-
-        if (fileList.isEmpty()) {
-            Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
-                Text("文件夹为空", color = Color.Gray)
-            }
-        } else {
-            LazyColumn {
-                items(fileList) { file ->
-                    FileRow(file) {
-                        if (file.isDirectory) {
-                            viewModel.loadFiles(File(file.path))
-                        }
+                FolderTheme {
+                    val navController = rememberNavController()
+                    Box(
+                        modifier = Modifier.fillMaxSize()
+                    ) {
+                        AppNavGraph(navController = navController)
                     }
                 }
             }
         }
     }
-}
-
-@Composable
-fun FileRow(file: FileItem, onClick: () -> Unit) {
-    ListItem(
-        modifier = Modifier.clickable { onClick() },
-        headlineContent = { Text(file.name) },
-        supportingContent = {
-            if (!file.isDirectory) {
-                Text("${file.size / 1024} KB")
-            }
-        },
-        leadingContent = {
-            Icon(
-                imageVector = if (file.isDirectory) Icons.Default.Folder else Icons.Default.Description,
-                contentDescription = null,
-                tint = if (file.isDirectory) Color(0xFFFFCA28) else Color.Gray
-            )
-        }
-    )
-}
-
-@Composable
-fun PermissionGuideScreen(onButtonClick: () -> Unit) {
-    Column(
-        modifier = Modifier.fillMaxSize(),
-        verticalArrangement = Arrangement.Center,
-        horizontalAlignment = Alignment.CenterHorizontally
-    ) {
-        Text("需要“所有文件访问权限”才能管理文件")
-        Spacer(modifier = Modifier.height(16.dp))
-        Button(onClick = onButtonClick) {
-            Text("去授权")
-        }
-    }
-}
-
-fun requestStoragePermission(activity: FragmentActivity, onPermissionGranted: () -> Unit) {
-    PermissionX.init(activity)
-        .permissions(Manifest.permission.MANAGE_EXTERNAL_STORAGE) // 请求所有文件访问权限
-        .onExplainRequestReason { scope, deniedList ->
-            scope.showRequestReasonDialog(
-                deniedList,
-                "文件管理器需要访问所有文件以进行管理，请在设置中允许权限",
-                "确定", "取消"
-            )
-        }
-        .onForwardToSettings { scope, deniedList ->
-            scope.showForwardToSettingsDialog(
-                deniedList,
-                "您需要去设置界面手动开启文件访问权限",
-                "去设置", "取消"
-            )
-        }
-        .request { allGranted, _, _ ->
-            if (allGranted) {
-                onPermissionGranted() // 权限获取成功，去刷新文件列表
-            } else {
-                // 处理权限被拒绝的情况，比如弹一个 Toast
-            }
-        }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/model/FileIconTheme.kt b/app/src/main/java/com/eggetteluo/folder/model/FileIconTheme.kt
new file mode 100644
index 0000000..77c3f9c
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/model/FileIconTheme.kt
@@ -0,0 +1,16 @@
+package com.eggetteluo.folder.model
+
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+
+/**
+ * 文件图标主题模型
+ * 用于封装文件在列表项中展示的图标向量和颜色方案
+ *
+ * @property icon 图标的 ImageVector（如 Icons.Default.Folder）
+ * @property color 图标的着色（如 Color.Yellow）
+ */
+data class FileIconTheme(
+    val icon: ImageVector,
+    val color: Color
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/model/FileItem.kt b/app/src/main/java/com/eggetteluo/folder/model/FileItem.kt
index 3a59e09..0df10e2 100644
--- a/app/src/main/java/com/eggetteluo/folder/model/FileItem.kt
+++ b/app/src/main/java/com/eggetteluo/folder/model/FileItem.kt
@@ -1,9 +1,14 @@
 package com.eggetteluo.folder.model
 
 data class FileItem(
-    val name: String,
-    val path: String,
-    val isDirectory: Boolean,
-    val size: Long,
-    val lastModified: Long
-)
+    val name: String,           // 文件名
+    val path: String,           // 文件的真实物理绝对路径
+    val isDirectory: Boolean,    // 是否为文件夹
+    val size: Long,              // 文件大小 (字节)
+    val lastModified: Long,      // 最后修改时间戳
+    val createdAt: Long = 0L,    // 创建时间
+    val canRead: Boolean,        // 是否可读
+    val canWrite: Boolean,       // 是否可写
+    val isHidden: Boolean,       // 是否是隐藏文件
+    val extension: String = ""   // 后缀名 (如 "jpg", "pdf")
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerScreen.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerScreen.kt
new file mode 100644
index 0000000..8eb3b07
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerScreen.kt
@@ -0,0 +1,423 @@
+package com.eggetteluo.folder.ui.features.explorer
+
+import android.app.Activity
+import androidx.activity.compose.BackHandler
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.expandVertically
+import androidx.compose.animation.shrinkVertically
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.ExitToApp
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.filled.AddPhotoAlternate
+import androidx.compose.material.icons.filled.Cancel
+import androidx.compose.material.icons.filled.ContentCopy
+import androidx.compose.material.icons.filled.ContentCut
+import androidx.compose.material.icons.filled.ContentPaste
+import androidx.compose.material.icons.filled.Delete
+import androidx.compose.material.icons.filled.Edit
+import androidx.compose.material.icons.filled.History
+import androidx.compose.material.icons.filled.Info
+import androidx.compose.material.icons.filled.MoreVert
+import androidx.compose.material.icons.filled.Refresh
+import androidx.compose.material.icons.filled.SortByAlpha
+import androidx.compose.material.icons.filled.Update
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.BottomAppBar
+import androidx.compose.material3.DropdownMenu
+import androidx.compose.material3.DropdownMenuItem
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.SnackbarDuration
+import androidx.compose.material3.SnackbarHost
+import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.material3.surfaceColorAtElevation
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.nestedscroll.nestedScroll
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.eggetteluo.folder.model.FileItem
+import java.io.File
+
+/**
+ * 文件管理器主界面
+ * 使用 Material3 规范实现的响应式文件列表页面
+ * * @param userId 用户ID，用于区分不同用户的存储空间
+ * @param onLogout 退出登录的回调
+ */
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ExplorerScreen(userId: String, onLogout: () -> Unit) {
+    // --- 状态与业务逻辑订阅 ---
+    val viewModel: ExplorerViewModel = viewModel()
+
+    // collectAsState 将 Flow 转化为 Compose 可感知的 State，实现数据驱动 UI
+    val fileList by viewModel.fileList.collectAsState()
+    val currentPath by viewModel.currentPath.collectAsState()
+    val clipboardFile by viewModel.clipboardFile.collectAsState()
+
+    // 使用 derivedStateOf 优化性能：只有当 currentPath 变化时才重新计算是否为根目录
+    val isRoot by remember(currentPath) { derivedStateOf { viewModel.isRoot() } }
+
+    // --- UI 交互状态管理 ---
+    val showDialog = remember { mutableStateOf(false) }         // 控制新建文件对话框
+    val showMenu = remember { mutableStateOf(false) }           // 控制顶部下拉菜单
+    val selectedFile = remember { mutableStateOf<FileItem?>(null) } // 当前被选中的文件（长按触发）
+    val showRenameDialog = remember { mutableStateOf(false) }   // 控制重命名对话框
+    val showDetailsSheet = remember { mutableStateOf(false) }   // 控制详情底部抽屉
+    val snackbarHostState = remember { SnackbarHostState() }    // 管理 Snackbar 的显示队列
+
+    val context = LocalContext.current
+    val activity = context as? Activity
+
+    // 滚动行为配置：当列表滚动时，TopAppBar 的颜色和阴影会产生自然变化
+    val scrollBehavior = TopAppBarDefaults.pinnedScrollBehavior()
+
+    // --- 生命周期与异步事件监听 ---
+
+    // 初始化用户空间，当 userId 变化时重新加载
+    LaunchedEffect(userId) {
+        viewModel.initUserSpace(userId)
+    }
+
+    // 监听 ViewModel 发出的单次错误事件，并以 Snackbar 形式展示
+    LaunchedEffect(Unit) {
+        viewModel.errorMessage.collect { message ->
+            snackbarHostState.showSnackbar(
+                message = message,
+                withDismissAction = true,
+                duration = SnackbarDuration.Short
+            )
+        }
+    }
+
+    // 处理系统返回键：如果有选中文件先取消选中；否则尝试回退目录；最后关闭应用
+    BackHandler(enabled = true) {
+        if (selectedFile.value != null) selectedFile.value = null
+        else if (!viewModel.navigateBack()) activity?.finish()
+    }
+
+    // 注册系统相册选择器的回调
+    val imagePickerLauncher = rememberLauncherForActivityResult(
+        contract = ActivityResultContracts.GetContent()
+    ) { uri: android.net.Uri? ->
+        uri?.let { viewModel.saveImageToCurrentDir(context, it) }
+    }
+
+    // --- 界面布局主体 ---
+    Scaffold(
+        modifier = Modifier
+            .fillMaxSize()
+            .nestedScroll(scrollBehavior.nestedScrollConnection), // 绑定嵌套滚动
+        snackbarHost = { SnackbarHost(hostState = snackbarHostState) },
+        topBar = {
+            TopAppBar(
+                title = {
+                    Column {
+                        Text(
+                            text = if (isRoot) "我的空间" else currentPath?.name ?: "",
+                            style = MaterialTheme.typography.titleLarge,
+                            maxLines = 1,
+                            overflow = TextOverflow.Ellipsis
+                        )
+                        if (isRoot) {
+                            Text(
+                                userId,
+                                style = MaterialTheme.typography.labelSmall,
+                                color = MaterialTheme.colorScheme.secondary
+                            )
+                        }
+                    }
+                },
+                navigationIcon = {
+                    // 非根目录下显示返回箭头
+                    if (!isRoot) {
+                        IconButton(onClick = { viewModel.navigateBack() }) {
+                            Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "返回")
+                        }
+                    }
+                },
+                actions = {
+                    // 如果剪贴板有内容，在顶部显示“快捷粘贴”图标
+                    if (clipboardFile != null) {
+                        IconButton(onClick = { currentPath?.let { viewModel.paste(it) } }) {
+                            Icon(
+                                imageVector = Icons.Default.ContentPaste,
+                                contentDescription = "粘贴",
+                                tint = Color(0xFFFF9800)
+                            )
+                        }
+                    }
+
+                    IconButton(onClick = { showMenu.value = true }) {
+                        Icon(Icons.Default.MoreVert, contentDescription = "更多选项")
+                    }
+
+                    // 更多选项下拉菜单
+                    DropdownMenu(
+                        expanded = showMenu.value,
+                        onDismissRequest = { showMenu.value = false }
+                    ) {
+                        DropdownMenuItem(
+                            text = { Text("刷新列表") },
+                            leadingIcon = {
+                                Icon(
+                                    Icons.Default.Refresh,
+                                    null,
+                                    tint = Color(0xFF2196F3)
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                viewModel.currentPath.value?.let { viewModel.loadFiles(it) }
+                            }
+                        )
+
+                        DropdownMenuItem(
+                            text = { Text("按名称排序") },
+                            leadingIcon = {
+                                Icon(
+                                    imageVector = Icons.Default.SortByAlpha,
+                                    contentDescription = null,
+                                    tint = Color(0xFF9C27B0) // 紫色：代表逻辑与组织
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                viewModel.updateSortOrder(ExplorerViewModel.SortOrder.NAME)
+                            }
+                        )
+
+                        DropdownMenuItem(
+                            text = { Text("时间排序 (新→旧)") },
+                            leadingIcon = {
+                                Icon(
+                                    imageVector = Icons.Default.History,
+                                    contentDescription = null,
+                                    tint = Color(0xFF00BCD4) // 青色：代表历史回顾
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                viewModel.updateSortOrder(ExplorerViewModel.SortOrder.TIME_DESC)
+                            }
+                        )
+
+                        DropdownMenuItem(
+                            text = { Text("时间排序 (旧→新)") },
+                            leadingIcon = {
+                                Icon(
+                                    imageVector = Icons.Default.Update,
+                                    contentDescription = null,
+                                    tint = Color(0xFF009688) // 深青色：代表更新顺序
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                viewModel.updateSortOrder(ExplorerViewModel.SortOrder.TIME_ASC)
+                            }
+                        )
+
+                        DropdownMenuItem(
+                            text = { Text("从相册导入图片") },
+                            leadingIcon = {
+                                Icon(
+                                    imageVector = Icons.Default.AddPhotoAlternate,
+                                    contentDescription = null,
+                                    tint = Color(0xFF4CAF50) // 绿色：代表新增与成功
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                imagePickerLauncher.launch("image/*")
+                            }
+                        )
+
+                        DropdownMenuItem(
+                            text = { Text("退出登录") },
+                            leadingIcon = {
+                                Icon(
+                                    Icons.AutoMirrored.Filled.ExitToApp,
+                                    null,
+                                    tint = Color(0xFFF44336)
+                                )
+                            },
+                            onClick = {
+                                showMenu.value = false
+                                onLogout()
+                            }
+                        )
+                    }
+                },
+                scrollBehavior = scrollBehavior,
+                colors = TopAppBarDefaults.topAppBarColors(
+                    containerColor = MaterialTheme.colorScheme.primaryContainer,
+                    titleContentColor = MaterialTheme.colorScheme.onPrimaryContainer
+                )
+            )
+        },
+        floatingActionButton = {
+            // 仅在非选中模式下显示悬浮球
+            if (selectedFile.value == null) {
+                FloatingActionButton(
+                    onClick = { showDialog.value = true },
+                    containerColor = MaterialTheme.colorScheme.primaryContainer,
+                    contentColor = MaterialTheme.colorScheme.onPrimaryContainer
+                ) {
+                    Icon(Icons.Default.Add, "新建")
+                }
+            }
+        },
+        bottomBar = {
+            // 选中文件时，滑入底部操作栏
+            if (selectedFile.value != null) {
+                AnimatedVisibility(
+                    visible = selectedFile.value != null,
+                    enter = expandVertically(expandFrom = Alignment.Bottom),
+                    exit = shrinkVertically(shrinkTowards = Alignment.Bottom)
+                ) {
+                    BottomAppBar(
+                        containerColor = MaterialTheme.colorScheme.surfaceColorAtElevation(3.dp),
+                        contentPadding = PaddingValues(horizontal = 8.dp)
+                    ) {
+                        Row(
+                            modifier = Modifier.fillMaxWidth(),
+                            horizontalArrangement = Arrangement.SpaceEvenly
+                        ) {
+                            ActionIconButton(Icons.Default.Delete, "删除") {
+                                selectedFile.value?.let { viewModel.deleteItem(it) }
+                                selectedFile.value = null
+                            }
+                            ActionIconButton(Icons.Default.Info, "详情") {
+                                showDetailsSheet.value = true
+                            }
+                            ActionIconButton(Icons.Default.ContentCut, "剪切") {
+                                selectedFile.value?.let {
+                                    viewModel.setClipboard(
+                                        it,
+                                        ExplorerViewModel.TransferMode.CUT
+                                    )
+                                }
+                                selectedFile.value = null
+                            }
+                            ActionIconButton(Icons.Default.ContentCopy, "复制") {
+                                selectedFile.value?.let {
+                                    viewModel.setClipboard(
+                                        it,
+                                        ExplorerViewModel.TransferMode.COPY
+                                    )
+                                }
+                                selectedFile.value = null
+                            }
+                            ActionIconButton(
+                                Icons.Default.Edit,
+                                "重命名"
+                            ) { showRenameDialog.value = true }
+                            ActionIconButton(Icons.Default.Cancel, "取消") {
+                                selectedFile.value = null
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    ) { paddingValues ->
+        // --- 核心内容列表区 ---
+        Column(modifier = Modifier.padding(paddingValues)) {
+            if (fileList.isEmpty()) {
+                // 列表为空时的空状态视图
+                EmptyStateView()
+            } else {
+                LazyColumn(modifier = Modifier.fillMaxSize()) {
+                    // key={it.path} 提高列表重组性能
+                    items(fileList, key = { it.path }) { file ->
+                        val isSelected = selectedFile.value?.path == file.path
+                        // animateItem 实现平滑的项目移动和增删动画
+                        Box(modifier = Modifier.animateItem()) {
+                            FileRow(
+                                file = file,
+                                isSelected = isSelected,
+                                onClick = {
+                                    if (selectedFile.value != null) {
+                                        selectedFile.value = null // 选中模式下点击取消
+                                    } else {
+                                        if (file.isDirectory) viewModel.loadFiles(File(file.path)) // 文件夹跳转
+                                        else viewModel.openFile(context, file) // 文件打开
+                                    }
+                                },
+                                onLongClick = { selectedFile.value = file } // 长按进入选中模式
+                            )
+                        }
+                    }
+                }
+            }
+        }
+
+        // --- 对话框组件挂载 ---
+
+        // 新建文件对话框
+        if (showDialog.value) {
+            AddFileItemDialog(
+                onConfirm = { fileName ->
+                    showDialog.value = false
+                    viewModel.createItem(fileName)
+                },
+                onDismiss = { showDialog.value = false }
+            )
+        }
+
+        // 重命名对话框
+        if (showRenameDialog.value && selectedFile.value != null) {
+            RenameFileName(
+                fileName = selectedFile.value?.name ?: "",
+                onConfirm = { fileName ->
+                    selectedFile.value?.let { viewModel.renameItem(it, fileName) }
+                    showRenameDialog.value = false
+                    selectedFile.value = null // 重命名成功后释放选中
+                },
+                onDismiss = { showRenameDialog.value = false }
+            )
+        }
+
+        // 详情面板
+        if (showDetailsSheet.value && selectedFile.value != null) {
+            FileDetailsSheet(
+                file = selectedFile.value!!,
+                onDismiss = { showDetailsSheet.value = false }
+            )
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerViewModel.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerViewModel.kt
new file mode 100644
index 0000000..1f5f86a
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/ExplorerViewModel.kt
@@ -0,0 +1,298 @@
+package com.eggetteluo.folder.ui.features.explorer
+
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.webkit.MimeTypeMap
+import androidx.core.content.FileProvider
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.eggetteluo.folder.model.FileItem
+import com.eggetteluo.folder.util.FileHelper
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.launch
+import java.io.File
+
+/**
+ * 文件资源管理器的核心 ViewModel
+ * 负责维护文件列表状态、路径导航、剪贴板逻辑以及与物理文件系统的交互
+ */
+class ExplorerViewModel : ViewModel() {
+
+    // --- 枚举定义 ---
+
+    /** 排序方式：按名称、按时间倒序、按时间正序 */
+    enum class SortOrder { NAME, TIME_DESC, TIME_ASC }
+
+    /** 文件传输模式：复制、剪切、无 */
+    enum class TransferMode { COPY, CUT, NONE }
+
+    // --- 状态流 (StateFlow) ---
+
+    // 当前目录下的文件列表数据
+    private val _fileList = MutableStateFlow<List<FileItem>>(emptyList())
+    val fileList: StateFlow<List<FileItem>> = _fileList
+
+    // 当前所处的物理目录路径
+    private val _currentPath = MutableStateFlow<File?>(null)
+    val currentPath: StateFlow<File?> = _currentPath
+
+    // 剪贴板中持有的文件对象
+    private val _clipboardFile = MutableStateFlow<FileItem?>(null)
+    val clipboardFile: StateFlow<FileItem?> = _clipboardFile
+
+    // 当前剪贴板的操作模式（复制或剪切）
+    private val _transferMode = MutableStateFlow(TransferMode.NONE)
+    val transferMode: StateFlow<TransferMode> = _transferMode
+
+    // --- 事件流 (SharedFlow) ---
+
+    // 一次性错误消息通知流，用于 UI 弹出 Snackbar 或 Toast
+    private val _errorMessage = MutableSharedFlow<String>()
+    val errorMessage = _errorMessage.asSharedFlow()
+
+    // 内部持有的当前排序规则
+    private val _sortOrder = MutableStateFlow(SortOrder.NAME)
+
+    // 用户的根目录（在该应用空间内的最高级目录）
+    private var userRoot: File? = null
+
+    // --- 核心业务方法 ---
+
+    /**
+     * 初始化用户的私人文件空间
+     * @param userId 用户唯一标识，用于隔离不同用户的文件
+     */
+    fun initUserSpace(userId: String) {
+        if (userRoot != null) return // 避免重复初始化
+        val root = File("/storage/emulated/0/MyFileManager/$userId")
+        if (!root.exists()) root.mkdirs() // 如果文件夹不存在则递归创建
+        userRoot = root
+        loadFiles(root)
+    }
+
+    /**
+     * 判断当前是否处于用户空间的根目录
+     * @return true 表示已无法再向后退
+     */
+    fun isRoot(): Boolean {
+        return _currentPath.value?.absolutePath == userRoot?.absolutePath
+    }
+
+    /**
+     * 向上一级目录导航
+     * @return true 表示成功返回上一级，false 表示已在根目录
+     */
+    fun navigateBack(): Boolean {
+        val current = _currentPath.value ?: return false
+        val root = userRoot ?: return false
+
+        // 如果当前已经是根目录，拒绝回退请求
+        if (current.absolutePath == root.absolutePath) {
+            return false
+        }
+
+        val parent = current.parentFile
+        if (parent != null) {
+            loadFiles(parent)
+            return true
+        }
+        return false
+    }
+
+    /**
+     * 从物理磁盘加载指定目录的文件列表
+     * @param directory 目标目录，默认为当前目录
+     */
+    fun loadFiles(directory: File? = _currentPath.value) {
+        if (directory == null) return
+        viewModelScope.launch(Dispatchers.IO) {
+            runCatching {
+                // 调用工具类扫描磁盘
+                FileHelper.listFiles(directory)
+            }.onSuccess { files ->
+                // 应用当前的排序算法
+                val sorted = sortFiles(files, _sortOrder.value)
+                _fileList.value = sorted
+                _currentPath.value = directory
+            }.onFailure {
+                _errorMessage.emit("无法读取目录：${it.message}")
+            }
+        }
+    }
+
+    /**
+     * 在当前目录下创建新项目
+     * @param name 新建的文件或文件夹名称（FileHelper 根据名称后缀自动判断类型）
+     */
+    fun createItem(name: String) {
+        val currentDir = _currentPath.value ?: return
+
+        viewModelScope.launch(Dispatchers.IO) {
+            val success = FileHelper.createItem(currentDir, name)
+            if (success) {
+                loadFiles(currentDir) // 创建成功后自动刷新列表
+            } else {
+                _errorMessage.emit("创建失败：项目已存在或名称非法")
+            }
+        }
+    }
+
+    /**
+     * 调用 Android 系统能力尝试打开文件
+     * @param context 上下文用于启动 Activity
+     * @param fileItem 要打开的目标文件模型
+     */
+    fun openFile(context: Context, fileItem: FileItem) {
+        val file = File(fileItem.path)
+
+        if (!file.exists()) {
+            viewModelScope.launch { _errorMessage.emit("文件不存在") }
+            return
+        }
+
+        try {
+            // 获取文件的后缀并解析 MimeType（媒体类型）
+            val extension = file.extension.lowercase()
+            var type = MimeTypeMap.getSingleton().getMimeTypeFromExtension(extension)
+
+            // 如果无法识别类型，使用通用的二进制流类型
+            if (type == null) { type = "*/*" }
+
+            // 使用 FileProvider 生成安全 Uri，避免 7.0+ 后的 FileUriExposedException
+            val uri = FileProvider.getUriForFile(
+                context,
+                "${context.packageName}.fileprovider",
+                file
+            )
+
+            // 构建隐式 Intent 启动第三方应用（如相册、视频播放器）
+            val intent = Intent(Intent.ACTION_VIEW).apply {
+                setDataAndType(uri, type)
+                addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION) // 授予临时读取权限
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            }
+
+            context.startActivity(intent)
+        } catch (e: Exception) {
+            e.printStackTrace()
+            viewModelScope.launch {
+                _errorMessage.emit("没有找到可以打开此文件的应用")
+            }
+        }
+    }
+
+    /**
+     * 更新当前界面的排序方式
+     * @param order 选中的排序枚举
+     */
+    fun updateSortOrder(order: SortOrder) {
+        _sortOrder.value = order
+        // 仅对当前内存中的列表进行重新排序，无需重新扫描磁盘（性能优化）
+        _fileList.value = sortFiles(_fileList.value, order)
+    }
+
+    /**
+     * 删除选中的项目
+     * @param fileItem 要删除的文件或文件夹模型
+     */
+    fun deleteItem(fileItem: FileItem) {
+        viewModelScope.launch(Dispatchers.IO) {
+            if (FileHelper.delete(File(fileItem.path))) {
+                loadFiles() // 删除成功后刷新界面
+            } else {
+                _errorMessage.emit("删除失败：权限不足或文件被占用")
+            }
+        }
+    }
+
+    /**
+     * 重命名选中的项目
+     * @param fileItem 目标文件
+     * @param newName 新的名字
+     */
+    fun renameItem(fileItem: FileItem, newName: String) {
+        val currentFile = File(fileItem.path)
+
+        viewModelScope.launch(Dispatchers.IO) {
+            val success = FileHelper.rename(currentFile, newName)
+            if (success) {
+                loadFiles()
+            } else {
+                _errorMessage.emit("重命名失败：名称冲突或无权限")
+            }
+        }
+    }
+
+    /**
+     * 将文件标记为等待传输状态
+     * @param file 要操作的文件
+     * @param mode 操作模式（复制或剪切）
+     */
+    fun setClipboard(file: FileItem, mode: TransferMode) {
+        _clipboardFile.value = file
+        _transferMode.value = mode
+    }
+
+    /**
+     * 在目标目录下执行粘贴操作
+     * @param targetFolder 目标目录
+     */
+    fun paste(targetFolder: File) {
+        val source = _clipboardFile.value ?: return
+        val isMove = _transferMode.value == TransferMode.CUT
+
+        viewModelScope.launch(Dispatchers.IO) {
+            // 调用 FileHelper 执行真正的 IO 操作（Copy 或 Move）
+            val success = FileHelper.paste(source.path, targetFolder, isMove)
+            if (success) {
+                // 操作成功后清空剪贴板并刷新
+                _clipboardFile.value = null
+                _transferMode.value = TransferMode.NONE
+                loadFiles(targetFolder)
+            } else {
+                _errorMessage.emit("粘贴失败：目标位置已存在同名项目")
+            }
+        }
+    }
+
+    /**
+     * 将从外部（如系统相册）选中的图片保存到当前目录
+     * @param context 环境上下文
+     * @param uri 图片的 Uri
+     */
+    fun saveImageToCurrentDir(context: Context, uri: Uri) {
+        val currentDir = _currentPath.value ?: return
+        viewModelScope.launch(Dispatchers.IO) {
+            // 生成带时间戳的文件名，避免冲突
+            val fileName = "IMG_${System.currentTimeMillis()}.jpg"
+            val target = File(currentDir, fileName)
+
+            // 将 Uri 输入流拷贝到本地目标文件
+            if (FileHelper.saveUriStream(context, uri, target)) {
+                loadFiles()
+            } else {
+                _errorMessage.emit("保存图片失败")
+            }
+        }
+    }
+
+    /**
+     * 内部私有排序逻辑
+     * 文件夹始终排在最前面，然后根据指定规则排序
+     */
+    private fun sortFiles(files: List<FileItem>, order: SortOrder): List<FileItem> {
+        return when (order) {
+            // 按名称：文件夹优先 -> 名称 A-Z
+            SortOrder.NAME -> files.sortedWith(compareBy({ !it.isDirectory }, { it.name.lowercase() }))
+            // 按时间倒序：文件夹优先 -> 最新创建在前
+            SortOrder.TIME_DESC -> files.sortedWith(compareBy({ !it.isDirectory }, { -it.createdAt }))
+            // 按时间正序：文件夹优先 -> 最老创建在前
+            SortOrder.TIME_ASC -> files.sortedWith(compareBy({ !it.isDirectory }, { it.createdAt }))
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/components.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/components.kt
new file mode 100644
index 0000000..9af4487
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/explorer/components.kt
@@ -0,0 +1,393 @@
+package com.eggetteluo.folder.ui.features.explorer
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.combinedClickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.Article
+import androidx.compose.material.icons.filled.Android
+import androidx.compose.material.icons.filled.AudioFile
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material.icons.filled.ChevronRight
+import androidx.compose.material.icons.filled.Code
+import androidx.compose.material.icons.filled.Description
+import androidx.compose.material.icons.filled.Folder
+import androidx.compose.material.icons.filled.Image
+import androidx.compose.material.icons.filled.Inventory2
+import androidx.compose.material.icons.filled.PictureAsPdf
+import androidx.compose.material.icons.filled.TableChart
+import androidx.compose.material.icons.filled.VideoFile
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.ListItem
+import androidx.compose.material3.ListItemDefaults
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import com.eggetteluo.folder.model.FileIconTheme
+import com.eggetteluo.folder.model.FileItem
+import com.eggetteluo.folder.util.formatFileDate
+import com.eggetteluo.folder.util.formatFileSize
+import com.eggetteluo.folder.util.getFolderItemCount
+
+/**
+ * 文件列表中的单行项目组件
+ * 负责展示文件的图标、名称、详细信息以及选中状态的视觉反馈。
+ *
+ * @param file 对应的文件数据模型
+ * @param isSelected 当前行是否处于被选中状态
+ * @param onClick 普通点击事件（用于打开文件或进入目录）
+ * @param onLongClick 长按点击事件（用于进入选中模式）
+ */
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun FileRow(
+    file: FileItem,
+    isSelected: Boolean,
+    onClick: () -> Unit,
+    onLongClick: () -> Unit
+) {
+    // 根据文件后缀获取图标主题
+    val theme = getFileTheme(file)
+
+    // 计算背景色：选中时显示半透明的主题容器色
+    val backgroundColor = if (isSelected) {
+        MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.5f)
+    } else {
+        Color.Transparent
+    }
+
+    ListItem(
+        modifier = Modifier
+            .fillMaxWidth()
+            .background(backgroundColor)
+            .combinedClickable(
+                onClick = onClick,
+                onLongClick = onLongClick
+            ),
+        leadingContent = {
+            // 左侧显示文件类型图标
+            Icon(
+                imageVector = theme.icon,
+                contentDescription = null,
+                tint = theme.color,
+                modifier = Modifier.size(40.dp)
+            )
+        },
+        headlineContent = {
+            // 中间显示文件名，超出部分省略
+            Text(
+                text = file.name,
+                style = MaterialTheme.typography.titleMedium,
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis,
+                color = if (isSelected) MaterialTheme.colorScheme.primary else Color.Unspecified
+            )
+        },
+        supportingContent = {
+            // 显示辅助信息：日期 | 文件大小/项目数
+            val dateStr = formatFileDate(file.createdAt)
+            val extraInfo = if (file.isDirectory) {
+                "${getFolderItemCount(file.path)}项"
+            } else {
+                formatFileSize(file.size)
+            }
+
+            Text(
+                text = "$dateStr  |  $extraInfo",
+                style = MaterialTheme.typography.bodySmall,
+                color = if (isSelected) MaterialTheme.colorScheme.primary.copy(alpha = 0.7f) else Color.Gray
+            )
+        },
+        trailingContent = {
+            // 右侧状态展示：选中时显示勾选框，未选中时文件夹显示前进箭头
+            if (file.isDirectory && !isSelected) {
+                Icon(
+                    imageVector = Icons.Default.ChevronRight,
+                    contentDescription = null,
+                    tint = Color(0xFFD1D1D1),
+                    modifier = Modifier.size(20.dp)
+                )
+            } else if (isSelected) {
+                Icon(
+                    imageVector = Icons.Default.CheckCircle,
+                    contentDescription = "已选中",
+                    tint = MaterialTheme.colorScheme.primary,
+                    modifier = Modifier.size(24.dp)
+                )
+            }
+        },
+        // 使 ListItem 容器背景透明，以展示 Modifier.background 设置的颜色
+        colors = ListItemDefaults.colors(containerColor = Color.Transparent)
+    )
+}
+
+/**
+ * 根据文件扩展名返回对应的图标和颜色方案
+ * 实现了不同类型文件（图片、视频、文档、代码等）的视觉区分。
+ */
+fun getFileTheme(file: FileItem): FileIconTheme {
+    val ext = file.extension.lowercase()
+    return when {
+        file.isDirectory -> FileIconTheme(Icons.Default.Folder, Color(0xFFFFCA28)) // 经典文件夹黄
+
+        // 媒体文件
+        ext in listOf("jpg", "jpeg", "png", "webp", "gif") -> FileIconTheme(
+            Icons.Default.Image,
+            Color(0xFF4CAF50)
+        )
+
+        ext in listOf("mp4", "mkv", "avi", "mov") -> FileIconTheme(
+            Icons.Default.VideoFile,
+            Color(0xFF2196F3)
+        )
+
+        ext in listOf("mp3", "wav", "flac", "m4a", "ogg") -> FileIconTheme(
+            Icons.Default.AudioFile,
+            Color(0xFFE91E63)
+        )
+
+        // 文档与工具
+        ext == "pdf" -> FileIconTheme(Icons.Default.PictureAsPdf, Color(0xFFF44336))
+        ext == "apk" -> FileIconTheme(Icons.Default.Android, Color(0xFF3DDC84))
+        ext in listOf("zip", "rar", "7z", "tar", "gz") -> FileIconTheme(
+            Icons.Default.Inventory2,
+            Color(0xFFFB8C00)
+        )
+
+        // 开发相关
+        ext in listOf(
+            "html",
+            "xml",
+            "js",
+            "json",
+            "php",
+            "py",
+            "cpp",
+            "kt"
+        ) -> FileIconTheme(Icons.Default.Code, Color(0xFF00BCD4))
+
+        // 办公文档
+        ext in listOf("xls", "xlsx", "csv") -> FileIconTheme(
+            Icons.Default.TableChart,
+            Color(0xFF2E7D32)
+        )
+
+        ext in listOf("txt", "doc", "docx", "md") -> FileIconTheme(
+            Icons.AutoMirrored.Filled.Article,
+            Color(0xFF9C27B0)
+        )
+
+        else -> FileIconTheme(Icons.Default.Description, Color.Gray)
+    }
+}
+
+/**
+ * 底部操作栏中的功能按钮（如：删除、详情、重命名）
+ * 包含一个图标和下方的文字标签。
+ */
+@Composable
+fun ActionIconButton(icon: ImageVector, label: String, onClick: () -> Unit) {
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = Modifier
+            .padding(horizontal = 8.dp)
+            .clickable { onClick() }
+    ) {
+        IconButton(onClick = onClick) {
+            Icon(icon, contentDescription = label)
+        }
+        Text(label, style = MaterialTheme.typography.labelSmall)
+    }
+}
+
+/**
+ * 文件详情模态底部抽屉
+ * 点击“详情”后弹出，展示文件完整的路径、读写权限、大小及时间戳信息。
+ */
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FileDetailsSheet(file: FileItem, onDismiss: () -> Unit) {
+    ModalBottomSheet(
+        onDismissRequest = onDismiss,
+        containerColor = MaterialTheme.colorScheme.surface,
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp)
+                .padding(bottom = 32.dp),
+            verticalArrangement = Arrangement.spacedBy(16.dp)
+        ) {
+            Text(
+                text = "文件详情",
+                style = MaterialTheme.typography.headlineSmall,
+                color = MaterialTheme.colorScheme.primary
+            )
+
+            DetailRow(label = "名称", value = file.name)
+            DetailRow(
+                label = "类型",
+                value = if (file.isDirectory) "文件夹" else "${file.extension.uppercase()} 文件"
+            )
+            DetailRow(label = "路径", value = file.path)
+
+            if (!file.isDirectory) {
+                DetailRow(label = "大小", value = formatFileSize(file.size))
+            }
+
+            DetailRow(label = "创建时间", value = formatFileDate(file.createdAt))
+            DetailRow(label = "修改时间", value = formatFileDate(file.lastModified))
+
+            // 拼接权限字符串
+            val permissions = buildString {
+                if (file.canRead) append("可读 ")
+                if (file.canWrite) append("可写 ")
+                if (file.isHidden) append("(隐藏)")
+            }
+            DetailRow(label = "属性", value = permissions)
+        }
+    }
+}
+
+/**
+ * 详情页中的单行数据组件（标签：值）
+ */
+@Composable
+fun DetailRow(label: String, value: String) {
+    Column(modifier = Modifier.fillMaxWidth()) {
+        Text(
+            text = label,
+            style = MaterialTheme.typography.labelMedium,
+            color = MaterialTheme.colorScheme.secondary
+        )
+        Text(
+            text = value,
+            style = MaterialTheme.typography.bodyLarge,
+            color = MaterialTheme.colorScheme.onSurface,
+            modifier = Modifier.padding(top = 4.dp)
+        )
+    }
+}
+
+/**
+ * 列表为空时的占位视图
+ */
+@Composable
+fun EmptyStateView() {
+    Column(
+        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Icon(
+            Icons.Default.Folder,
+            contentDescription = null,
+            modifier = Modifier.size(64.dp),
+            tint = Color.LightGray
+        )
+        Spacer(Modifier.height(16.dp))
+        Text("文件夹为空", style = MaterialTheme.typography.bodyLarge, color = Color.Gray)
+    }
+}
+
+/**
+ * 创建新项目的输入对话框
+ * @param onConfirm 点击确定后的逻辑回调，传递输入的文件名
+ * @param onDismiss 点击取消或关闭对话框的回调
+ */
+@Composable
+fun AddFileItemDialog(onConfirm: (String) -> Unit, onDismiss: () -> Unit) {
+    val newFolderName = remember { mutableStateOf("") }
+    AlertDialog(
+        onDismissRequest = { onDismiss() },
+        title = { Text("新建文件") },
+        text = {
+            OutlinedTextField(
+                value = newFolderName.value,
+                onValueChange = { newFolderName.value = it },
+                label = { Text("文件名称") },
+                singleLine = true,
+                modifier = Modifier.fillMaxWidth()
+            )
+        },
+        confirmButton = {
+            TextButton(
+                onClick = {
+                    onConfirm(newFolderName.value)
+                    newFolderName.value = ""
+                }
+            ) {
+                Text("确定")
+            }
+        },
+        dismissButton = {
+            TextButton(onClick = { onDismiss() }) {
+                Text("取消")
+            }
+        }
+    )
+}
+
+/**
+ * 文件重命名的输入对话框
+ * @param fileName 初始文件名（默认填入输入框中）
+ * @param onConfirm 点击确定后的逻辑回调，传递新文件名
+ */
+@Composable
+fun RenameFileName(fileName: String, onConfirm: (String) -> Unit, onDismiss: () -> Unit) {
+    val renameTextFieldValue = remember { mutableStateOf(fileName) }
+    AlertDialog(
+        onDismissRequest = { onDismiss() },
+        title = { Text("重命名") },
+        text = {
+            OutlinedTextField(
+                value = renameTextFieldValue.value,
+                onValueChange = { renameTextFieldValue.value = it },
+                label = { Text("新名称") },
+                singleLine = true,
+                modifier = Modifier.fillMaxWidth()
+            )
+        },
+        confirmButton = {
+            TextButton(
+                onClick = {
+                    if (renameTextFieldValue.value.isNotBlank()) {
+                        onConfirm(renameTextFieldValue.value)
+                    } else {
+                        onDismiss()
+                    }
+                }
+            ) {
+                Text("确定")
+            }
+        },
+        dismissButton = {
+            TextButton(onClick = { onDismiss() }) {
+                Text("取消")
+            }
+        }
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginScreen.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginScreen.kt
new file mode 100644
index 0000000..67a96cd
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginScreen.kt
@@ -0,0 +1,115 @@
+package com.eggetteluo.folder.ui.features.login
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Visibility
+import androidx.compose.material.icons.filled.VisibilityOff
+import androidx.compose.material3.Button
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+
+@Composable
+fun LoginScreen(
+    onLoginSuccess: (String) -> Unit
+) {
+    val viewModel: LoginViewModel = viewModel()
+    val username by viewModel.usernameInput.collectAsState()
+    val password by viewModel.passwordInput.collectAsState() // 新增
+    val errorMsg by viewModel.errorMessage.collectAsState()
+
+    // 控制密码可见性的状态
+    var passwordVisible by remember { mutableStateOf(false) }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(24.dp),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Text(
+            text = "私有文件管理",
+            style = MaterialTheme.typography.headlineLarge,
+            color = MaterialTheme.colorScheme.primary
+        )
+
+        Spacer(modifier = Modifier.height(48.dp))
+
+        // 用户名输入
+        OutlinedTextField(
+            value = username,
+            onValueChange = { viewModel.onUsernameChange(it) },
+            label = { Text("用户名") },
+            modifier = Modifier.fillMaxWidth(),
+            singleLine = true
+        )
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        // 密码输入框
+        OutlinedTextField(
+            value = password,
+            onValueChange = { viewModel.onPasswordChange(it) },
+            label = { Text("访问密码") },
+            modifier = Modifier.fillMaxWidth(),
+            singleLine = true,
+            visualTransformation = if (passwordVisible)
+                VisualTransformation.None
+            else
+                PasswordVisualTransformation(),
+            trailingIcon = {
+                val image =
+                    if (passwordVisible) Icons.Filled.Visibility else Icons.Filled.VisibilityOff
+                IconButton(onClick = { passwordVisible = !passwordVisible }) {
+                    Icon(imageVector = image, contentDescription = null)
+                }
+            },
+            keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password)
+        )
+
+        if (errorMsg != null) {
+            Text(
+                text = errorMsg!!,
+                color = MaterialTheme.colorScheme.error,
+                style = MaterialTheme.typography.bodySmall,
+                modifier = Modifier
+                    .align(Alignment.Start)
+                    .padding(top = 4.dp)
+            )
+        }
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Button(
+            onClick = { viewModel.performLogin(onLoginSuccess) },
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+        ) {
+            Text("安全进入空间")
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginViewModel.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginViewModel.kt
new file mode 100644
index 0000000..e952afc
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/login/LoginViewModel.kt
@@ -0,0 +1,56 @@
+package com.eggetteluo.folder.ui.features.login
+
+import android.app.Application
+import android.content.Context
+import androidx.lifecycle.AndroidViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import androidx.core.content.edit
+
+class LoginViewModel(application: Application) : AndroidViewModel(application) {
+
+    // 调用安卓本地缓存
+    private val prefs = application.getSharedPreferences("user_creds", Context.MODE_PRIVATE)
+
+    private val _usernameInput = MutableStateFlow("")
+    val usernameInput: StateFlow<String> = _usernameInput
+
+    private val _passwordInput = MutableStateFlow("")
+    val passwordInput: StateFlow<String> = _passwordInput
+
+    private val _errorMessage = MutableStateFlow<String?>(null)
+    val errorMessage: StateFlow<String?> = _errorMessage
+
+    fun onUsernameChange(input: String) {
+        _usernameInput.value = input
+    }
+    fun onPasswordChange(input: String) {
+        _passwordInput.value = input
+    }
+
+    fun performLogin(onSuccess: (String) -> Unit) {
+        val user = _usernameInput.value
+        val pass = _passwordInput.value
+
+        if (user.isBlank() || pass.isBlank()) {
+            _errorMessage.value = "用户名和密码不能为空"
+            return
+        }
+
+        val savedPass = prefs.getString("pwd_$user", null)
+
+        if (savedPass == null) {
+            // 初次登录，自动注册密码
+            prefs.edit { putString("pwd_$user", pass) }
+            onSuccess(user)
+        } else {
+            // 验证密码
+            if (savedPass == pass) {
+                _errorMessage.value = null
+                onSuccess(user)
+            } else {
+                _errorMessage.value = "密码错误，请重新输入"
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/features/permission/PermissionScreen.kt b/app/src/main/java/com/eggetteluo/folder/ui/features/permission/PermissionScreen.kt
new file mode 100644
index 0000000..d100eda
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/features/permission/PermissionScreen.kt
@@ -0,0 +1,68 @@
+package com.eggetteluo.folder.ui.features.permission
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Security
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.fragment.app.FragmentActivity
+import com.eggetteluo.folder.util.requestStoragePermission // 导入你的工具函数
+
+@Composable
+fun PermissionScreen(onPermissionGranted: () -> Unit) {
+    // 获取当前的 Activity
+    val context = LocalContext.current
+    val activity = context as? FragmentActivity
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(24.dp),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Icon(
+            imageVector = Icons.Default.Security,
+            contentDescription = null,
+            modifier = Modifier.size(80.dp),
+            tint = MaterialTheme.colorScheme.primary
+        )
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Text(
+            text = "需要文件访问权限",
+            style = MaterialTheme.typography.headlineSmall
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Text(
+            text = "为了实现多用户文件隔离管理，我们需要“所有文件访问权限”。请在设置中勾选允许访问。",
+            style = MaterialTheme.typography.bodyMedium,
+            textAlign = TextAlign.Center,
+            color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+
+        Spacer(modifier = Modifier.height(32.dp))
+
+        Button(
+            onClick = {
+                // 调用你 util 包里的函数
+                activity?.let {
+                    requestStoragePermission(it) {
+                        onPermissionGranted() // 授权成功后的回调
+                    }
+                }
+            },
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text("立即去授权")
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/navigation/NavGraph.kt b/app/src/main/java/com/eggetteluo/folder/ui/navigation/NavGraph.kt
new file mode 100644
index 0000000..dd34df6
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/navigation/NavGraph.kt
@@ -0,0 +1,54 @@
+package com.eggetteluo.folder.ui.navigation
+
+import android.os.Environment
+import androidx.compose.runtime.Composable
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.eggetteluo.folder.ui.features.explorer.ExplorerScreen
+import com.eggetteluo.folder.ui.features.login.LoginScreen
+import com.eggetteluo.folder.ui.features.permission.PermissionScreen
+
+@Composable
+fun AppNavGraph(navController: NavHostController) {
+    val startDest = if (Environment.isExternalStorageManager()) {
+        Screen.Login.route
+    } else {
+        Screen.Permission.route
+    }
+
+    NavHost(
+        navController = navController,
+        startDestination = startDest
+    ) {
+        // 权限页
+        composable(Screen.Permission.route) {
+            PermissionScreen(onPermissionGranted = {
+                navController.navigate(Screen.Login.route) {
+                    popUpTo(Screen.Permission.route) { inclusive = true }
+                }
+            })
+        }
+
+        // 登录页面路由
+        composable(Screen.Login.route) {
+            LoginScreen(
+                onLoginSuccess = { userId ->
+                    navController.navigate(Screen.Explorer.createRoute(userId)) {
+                        popUpTo(Screen.Login.route) { inclusive = true }
+                    }
+                }
+            )
+        }
+
+        // 文件管理页面路由
+        composable(Screen.Explorer.route) { backStackEntry ->
+            val userId = backStackEntry.arguments?.getString("userId") ?: ""
+            ExplorerScreen(userId = userId) {
+                navController.navigate(Screen.Login.route) {
+                    popUpTo(Screen.Explorer.route) { inclusive = true }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/ui/navigation/Screen.kt b/app/src/main/java/com/eggetteluo/folder/ui/navigation/Screen.kt
new file mode 100644
index 0000000..971edde
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/ui/navigation/Screen.kt
@@ -0,0 +1,9 @@
+package com.eggetteluo.folder.ui.navigation
+
+sealed class Screen(val route: String) {
+    object Permission : Screen("permission")
+    object Login : Screen("login")
+    object Explorer : Screen("explorer/{userId}") {
+        fun createRoute(userId: String) = "explorer/$userId"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/util/FileHelper.kt b/app/src/main/java/com/eggetteluo/folder/util/FileHelper.kt
new file mode 100644
index 0000000..95c17ec
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/util/FileHelper.kt
@@ -0,0 +1,160 @@
+package com.eggetteluo.folder.util
+
+import android.content.Context
+import android.os.Build
+import android.util.Log
+import com.eggetteluo.folder.model.FileItem
+import java.io.File
+import java.nio.file.Files
+import java.nio.file.Paths
+import java.nio.file.attribute.BasicFileAttributes
+
+/**
+ * 文件操作工具单例对象
+ * 封装了对底层文件系统的物理操作，包括读取、创建、删除、移动和复制等。
+ */
+object FileHelper {
+    private const val TAG = "FileHelper"
+
+    /**
+     * 扫描指定目录下的所有文件和子目录
+     * * @param directory 目标父目录对象
+     * @return 返回封装好的 [FileItem] 列表，若目录不可读或为空则返回空列表
+     */
+    fun listFiles(directory: File): List<FileItem> {
+        return directory.listFiles()?.map { file ->
+            val creationTime = getCreationTime(file)
+            FileItem(
+                name = file.name,
+                path = file.absolutePath,
+                isDirectory = file.isDirectory,
+                // 文件夹大小通常在文件系统中不直接体现，设为 0L；文件则获取其实际长度
+                size = if (file.isDirectory) 0L else file.length(),
+                lastModified = file.lastModified(),
+                createdAt = creationTime,
+                canRead = file.canRead(),
+                canWrite = file.canWrite(),
+                isHidden = file.isHidden,
+                extension = file.extension
+            )
+        } ?: emptyList()
+    }
+
+    /**
+     * 获取物理文件的创建时间
+     * * 兼容性处理：
+     * - Android 8.0 (API 26) 及以上：尝试通过 NIO 访问 [BasicFileAttributes] 获取精确创建时间。
+     * - 低版本或获取失败：退而求其次使用最后修改时间 (lastModified)。
+     * * @param file 目标文件
+     * @return 毫秒级时间戳
+     */
+    private fun getCreationTime(file: File): Long {
+        return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            try {
+                val path = Paths.get(file.absolutePath)
+                val attributes = Files.readAttributes(path, BasicFileAttributes::class.java)
+                attributes.creationTime().toMillis()
+            } catch (_: Exception) {
+                file.lastModified()
+            }
+        } else {
+            file.lastModified()
+        }
+    }
+
+    /**
+     * 执行物理删除操作
+     * * @param file 要删除的对象。如果是目录，将执行递归删除（包含其下所有子项）。
+     * @return 删除成功返回 true，否则返回 false。
+     */
+    fun delete(file: File): Boolean {
+        return if (file.isDirectory) file.deleteRecursively() else file.delete()
+    }
+
+    /**
+     * 执行粘贴逻辑（支持跨目录复制或移动）
+     * * @param sourcePath 源文件的绝对路径
+     * @param targetFolder 粘贴的目标父目录
+     * @param isMove true 表示移动（剪切粘贴），false 表示复制粘贴
+     * @return 操作成功返回 true，发生 I/O 异常返回 false
+     */
+    fun paste(sourcePath: String, targetFolder: File, isMove: Boolean): Boolean {
+        val sourceFile = File(sourcePath)
+        val destFile = File(targetFolder, sourceFile.name)
+        return try {
+            if (isMove) {
+                // 物理移动：尝试直接重命名（最快），若失败则需要手动流拷贝（跨分区）
+                sourceFile.renameTo(destFile)
+            } else {
+                // 物理复制：递归拷贝所有子文件及文件夹，覆盖已存在的同名文件
+                sourceFile.copyRecursively(destFile, overwrite = true)
+            }
+        } catch (e: Exception) {
+            Log.e(TAG, "Paste failed", e)
+            false
+        }
+    }
+
+    /**
+     * 创建新的文件或文件夹
+     * * @param parentDir 目标位置的父目录
+     * @param name 新项的名称
+     * @param isDirectory 可选明确指定类型。若为 null，则根据名称中是否包含 "." 自动判断。
+     * @return 创建成功且无重名项返回 true
+     */
+    fun createItem(parentDir: File, name: String, isDirectory: Boolean? = null): Boolean {
+        if (name.isBlank()) return false
+
+        val targetFile = File(parentDir, name)
+        // 健壮性检查：如果该路径已存在，则禁止创建以防误删
+        if (targetFile.exists()) return false
+
+        return try {
+            val shouldCreateDir = isDirectory ?: !name.contains(".")
+
+            if (shouldCreateDir) {
+                targetFile.mkdir()
+            } else {
+                targetFile.createNewFile()
+            }
+        } catch (e: Exception) {
+            Log.e(TAG, "Create item failed: ${e.message}")
+            false
+        }
+    }
+
+    /**
+     * 重命名文件或文件夹
+     * * @param file 原物理文件对象
+     * @param newName 新的文件名（不包含路径）
+     * @return 成功且目标路径无冲突返回 true
+     */
+    fun rename(file: File, newName: String): Boolean {
+        val dest = File(file.parentFile, newName)
+        // 确保新名字没有被占用
+        return if (!dest.exists()) file.renameTo(dest) else false
+    }
+
+    /**
+     * 将从 Android ContentResolver 获取的 Uri 输入流保存为物理文件
+     * 常用于从系统相册、外部文档选择器导入数据
+     * * @param context 上下文用于访问 ContentResolver
+     * @param uri 外部数据的 Uri (content://)
+     * @param targetFile 要保存到的本地 File 对象
+     * @return 拷贝完成返回 true
+     */
+    fun saveUriStream(context: Context, uri: android.net.Uri, targetFile: File): Boolean {
+        return try {
+            context.contentResolver.openInputStream(uri)?.use { input ->
+                targetFile.outputStream().use { output ->
+                    // 高效流拷贝
+                    input.copyTo(output)
+                    true
+                }
+            } ?: false
+        } catch (e: Exception) {
+            Log.e(TAG, "Save Uri failed", e)
+            false
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/util/Format.kt b/app/src/main/java/com/eggetteluo/folder/util/Format.kt
new file mode 100644
index 0000000..5c8285d
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/util/Format.kt
@@ -0,0 +1,28 @@
+package com.eggetteluo.folder.util
+
+import java.io.File
+import java.text.DecimalFormat
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
+import kotlin.math.log10
+import kotlin.math.pow
+
+// 格式化时间戳为 2025/05/03 格式
+fun formatFileDate(timestamp: Long): String {
+    val sdf = SimpleDateFormat("yyyy/MM/dd", Locale.getDefault())
+    return sdf.format(Date(timestamp))
+}
+
+// 格式化大小 (B, KB, MB...)
+fun formatFileSize(size: Long): String {
+    if (size <= 0) return "0 B"
+    val units = arrayOf("B", "KB", "MB", "GB", "TB")
+    val digitGroups = (log10(size.toDouble()) / log10(1024.0)).toInt()
+    return DecimalFormat("#,##0.#").format(size / 1024.0.pow(digitGroups.toDouble())) + " " + units[digitGroups]
+}
+
+// 获取文件夹下的项数（仅对文件夹有效）
+fun getFolderItemCount(path: String): Int {
+    return File(path).listFiles()?.size ?: 0
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/util/Permission.kt b/app/src/main/java/com/eggetteluo/folder/util/Permission.kt
new file mode 100644
index 0000000..450b882
--- /dev/null
+++ b/app/src/main/java/com/eggetteluo/folder/util/Permission.kt
@@ -0,0 +1,31 @@
+package com.eggetteluo.folder.util
+
+import android.Manifest
+import androidx.fragment.app.FragmentActivity
+import com.permissionx.guolindev.PermissionX
+
+fun requestStoragePermission(activity: FragmentActivity, onPermissionGranted: () -> Unit) {
+    PermissionX.init(activity)
+        .permissions(Manifest.permission.MANAGE_EXTERNAL_STORAGE) // 请求所有文件访问权限
+        .onExplainRequestReason { scope, deniedList ->
+            scope.showRequestReasonDialog(
+                deniedList,
+                "文件管理器需要访问所有文件以进行管理，请在设置中允许权限",
+                "确定", "取消"
+            )
+        }
+        .onForwardToSettings { scope, deniedList ->
+            scope.showForwardToSettingsDialog(
+                deniedList,
+                "您需要去设置界面手动开启文件访问权限",
+                "去设置", "取消"
+            )
+        }
+        .request { allGranted, _, _ ->
+            if (allGranted) {
+                onPermissionGranted() // 权限获取成功，去刷新文件列表
+            } else {
+                // 处理权限被拒绝的情况，比如弹一个 Toast
+            }
+        }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/eggetteluo/folder/viewModel/FileViewModel.kt b/app/src/main/java/com/eggetteluo/folder/viewModel/FileViewModel.kt
deleted file mode 100644
index 0b66cb5..0000000
--- a/app/src/main/java/com/eggetteluo/folder/viewModel/FileViewModel.kt
+++ /dev/null
@@ -1,61 +0,0 @@
-package com.eggetteluo.folder.viewModel
-
-import android.os.Environment
-import androidx.lifecycle.ViewModel
-import androidx.lifecycle.viewModelScope
-import com.eggetteluo.folder.model.FileItem
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.launch
-import java.io.File
-
-class FileViewModel : ViewModel() {
-    private val _hasPermission = MutableStateFlow(Environment.isExternalStorageManager())
-    val hasPermission: StateFlow<Boolean> = _hasPermission
-
-    private val _fileList = MutableStateFlow<List<FileItem>>(emptyList())
-    val fileList: StateFlow<List<FileItem>> = _fileList
-
-    private val _currentPath = MutableStateFlow(Environment.getExternalStorageDirectory())
-    val currentPath: StateFlow<File> = _currentPath
-
-    init {
-        if (_hasPermission.value) {
-            loadFiles(_currentPath.value)
-        }
-    }
-
-    fun onPermissionGranted() {
-        _hasPermission.value = true
-        loadFiles(_currentPath.value)
-    }
-
-    fun loadFiles(directory: File) {
-        viewModelScope.launch {
-            if (directory.isDirectory && directory.canRead()) {
-                val files = directory.listFiles()?.map {
-                    FileItem(
-                        name = it.name,
-                        path = it.absolutePath,
-                        isDirectory = it.isDirectory,
-                        size = it.length(),
-                        lastModified = it.lastModified()
-                    )
-                }?.sortedWith(compareBy({ !it.isDirectory }, { it.name.lowercase() })) ?: emptyList()
-
-                _fileList.value = files
-                _currentPath.value = directory
-            }
-        }
-    }
-
-    fun navigateBack(): Boolean {
-        val parent = _currentPath.value.parentFile
-        // 限制不能回退到根目录之外
-        if (parent != null && parent.absolutePath.startsWith(Environment.getExternalStorageDirectory().absolutePath)) {
-            loadFiles(parent)
-            return true
-        }
-        return false
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/res/xml/file_paths.xml b/app/src/main/res/xml/file_paths.xml
new file mode 100644
index 0000000..8248868
--- /dev/null
+++ b/app/src/main/res/xml/file_paths.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<paths>
+    <external-path name="external_files" path="." />
+</paths>
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index e515132..45cfc33 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -9,15 +9,21 @@ lifecycleRuntimeKtx = "2.6.1"
 activityCompose = "1.8.0"
 composeBom = "2024.09.00"
 lifecycleViewmodelCompose = "2.10.0"
+lifecycleViewmodelComposeVersion = "2.7.0"
 lifecycleViewmodelKtx = "2.10.0"
+navigationCompose = "2.9.6"
 permissionx = "1.8.1"
 fragmentKtx = "1.8.9"
+material3 = "1.4.0"
+foundation = "1.10.0"
 
 [libraries]
 androidx-compose-material-icons-extended = { module = "androidx.compose.material:material-icons-extended" }
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
 androidx-lifecycle-viewmodel-compose = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "lifecycleViewmodelCompose" }
+androidx-lifecycle-viewmodel-compose-v270 = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "lifecycleViewmodelComposeVersion" }
 androidx-lifecycle-viewmodel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "lifecycleViewmodelKtx" }
+androidx-navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "navigationCompose" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
 androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
 androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
@@ -33,6 +39,8 @@ androidx-compose-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-te
 androidx-compose-material3 = { group = "androidx.compose.material3", name = "material3" }
 permissionx = { module = "com.guolindev.permissionx:permissionx", version.ref = "permissionx" }
 androidx-fragment-ktx = { group = "androidx.fragment", name = "fragment-ktx", version.ref = "fragmentKtx" }
+androidx-material3 = { group = "androidx.compose.material3", name = "material3", version.ref = "material3" }
+androidx-compose-foundation = { group = "androidx.compose.foundation", name = "foundation", version.ref = "foundation" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }