diff --git a/src/renderer/components/Experiment/Rag/Documents.tsx b/src/renderer/components/Experiment/Rag/Documents.tsx
index 95a2df8f7ad2db42b93256638eba3bf804727551..28456ce686324597a68108737889ad0fd0389976 100644
--- a/src/renderer/components/Experiment/Rag/Documents.tsx
+++ b/src/renderer/components/Experiment/Rag/Documents.tsx
@@ -26,6 +26,7 @@ import MenuItem from '@mui/joy/MenuItem';
 import Dropdown from '@mui/joy/Dropdown';
 
 import {
+  CornerLeftUpIcon,
   EyeIcon,
   FileTextIcon,
   FileUpIcon,
@@ -149,6 +150,8 @@ export default function Documents({ experimentInfo, fullPage = false }) {
 
   const [loading, setLoading] = React.useState(false);
 
+  const [currentFolder, setCurrentFolder] = React.useState('');
+
   const {
     data: rows,
     isLoading,
@@ -294,7 +297,7 @@ export default function Documents({ experimentInfo, fullPage = false }) {
 
   function drawFolder(row) {
     return (
-      <tr key={row?.name} onDoubleClick={() => alert('Double clicked')}>
+      <tr key={row?.name} onDoubleClick={() => setCurrentFolder(row?.name)}>
         <td style={{ paddingLeft: '1rem' }}>
           <Typography
             level="body-xs"
@@ -444,10 +447,23 @@ export default function Documents({ experimentInfo, fullPage = false }) {
           justifyContent: 'space-between',
         }}
       >
-        <FormLabel>
+        <div>
           {loading && <CircularProgress size="sm" />}
-          Documents:
-        </FormLabel>
+          {currentFolder == '' ? (
+            '/'
+          ) : (
+            <>
+              <Link
+                onClick={() => {
+                  setCurrentFolder('');
+                }}
+              >
+                ../
+              </Link>{' '}
+              {currentFolder} /
+            </>
+          )}
+        </div>
         <Dropdown>
           <MenuButton variant="plain" size="sm">
             <PlusCircleIcon style={{ strokeWidth: '1.5px' }} />