diff --git a/web/src/components/workspace/WorkspaceSidebar.vue b/web/src/components/workspace/WorkspaceSidebar.vue
index 267299a6..5cb6259d 100644
--- a/web/src/components/workspace/WorkspaceSidebar.vue
+++ b/web/src/components/workspace/WorkspaceSidebar.vue
@@ -4,7 +4,7 @@
       <button
         type="button"
         class="workspace-nav-item"
-        :class="{ active: activeKey === 'personal' }"
+        :class="{ active: activeKey === 'personal' && currentPath !== savedArtifactsPath }"
         @click="$emit('select-personal')"
       >
         <FolderKanban :size="16" />
@@ -12,6 +12,19 @@
       </button>
     </section>
 
+    <section class="sidebar-section">
+      <div class="section-title">快速访问</div>
+      <button
+        type="button"
+        class="workspace-nav-item secondary"
+        :class="{ active: activeKey === 'personal' && currentPath === savedArtifactsPath }"
+        @click="$emit('select-path', savedArtifactsPath)"
+      >
+        <Archive :size="15" />
+        <span>Saved Artifacts</span>
+      </button>
+    </section>
+
     <section class="sidebar-section">
       <div class="section-title">知识库</div>
       <button
@@ -41,15 +54,18 @@
 </template>
 
 <script setup>
-import { FolderKanban, LibraryBig, UsersRound } from 'lucide-vue-next'
+import { Archive, FolderKanban, LibraryBig, UsersRound } from 'lucide-vue-next'
+
+const savedArtifactsPath = '/saved_artifacts'
 
 defineProps({
   activeKey: { type: String, default: 'personal' },
+  currentPath: { type: String, default: '/' },
   databases: { type: Array, default: () => [] },
   loadingDatabases: { type: Boolean, default: false }
 })
 
-defineEmits(['select-personal', 'select-database'])
+defineEmits(['select-personal', 'select-database', 'select-path'])
 </script>
 
 <style scoped lang="less">
diff --git a/web/src/views/WorkspaceView.vue b/web/src/views/WorkspaceView.vue
index 60b2203a..4864198a 100644
--- a/web/src/views/WorkspaceView.vue
+++ b/web/src/views/WorkspaceView.vue
@@ -25,10 +25,12 @@
         </button>
         <WorkspaceSidebar
           :active-key="activeSourceKey"
+          :current-path="currentPath"
           :databases="databases"
           :loading-databases="loadingDatabases"
           @select-personal="selectPersonalWorkspace"
           @select-database="selectDatabase"
+          @select-path="selectWorkspacePath"
         />
       </div>
       <button
@@ -268,12 +270,21 @@ const loadDatabases = async () => {
 const selectPersonalWorkspace = async () => {
   activeSourceKey.value = 'personal'
   selectedDatabase.value = null
+  closePreview()
   clearWorkspaceSelection()
-  if (!entries.value.length) {
-    await loadWorkspaceEntries(currentPath.value)
+  if (currentPath.value !== '/' || !entries.value.length) {
+    await loadWorkspaceEntries('/')
   }
 }
 
+const selectWorkspacePath = async (path) => {
+  activeSourceKey.value = 'personal'
+  selectedDatabase.value = null
+  closePreview()
+  clearWorkspaceSelection()
+  await loadWorkspaceEntries(path)
+}
+
 const selectDatabase = (database) => {
   closePreview()
   clearWorkspaceSelection()