Merge branch 'main' of https://github.com/transformerlab/transformerlab-app into add/local-remote-jobs

Author: deep1401

src/renderer/components/Nav/SidebarForGPUOrchestration.tsx

@@ -85,6 +85,12 @@ function ExperimentMenuItems({ DEV_MODE, experimentInfo, models }) {
         icon={<LayersIcon strokeWidth={1} />}
         disabled
       />
+      <SubNavItem
+        title="Tasks"
+        path="/experiment/tasks"
+        icon={<StretchHorizontalIcon />}
+        disabled={!experimentInfo?.name}
+      />
       <SubNavItem
         title="Train"
         path="/experiment/training"
@@ -103,12 +109,6 @@ function ExperimentMenuItems({ DEV_MODE, experimentInfo, models }) {
         icon={<ChartColumnIncreasingIcon />}
         disabled
       />
-      <SubNavItem
-        title="Tasks"
-        path="/experiment/tasks"
-        icon={<StretchHorizontalIcon />}
-        disabled={!experimentInfo?.name}
-      />
       <SubNavItem
         title="Documents"
         path="/experiment/documents"

src/renderer/components/Shared/Documents/index.tsx

@@ -27,6 +27,7 @@ import {
   CircularProgress,
   ListItemDecorator,
   Stack,
+  Skeleton, // added Skeleton import
 } from '@mui/joy';
 
 import {
@@ -826,16 +827,26 @@ export default function Documents({
                   </tr>
                 </thead>
                 <tbody>
+                  {isLoading && (
+                    <tr>
+                      <td
+                        colSpan={fullPage ? 5 : 2}
+                        style={{ padding: '1rem', height: '100px' }}
+                      >
+                        <Skeleton variant="text" />
+                        <Skeleton variant="text" />
+                        <Skeleton variant="text" />
+                      </td>
+                    </tr>
+                  )}
                   {rows?.status == 'error' && (
                     <tr>
                       <td colSpan={2}>{/*rows?.message*/}</td>
                     </tr>
                   )}
                   {rows?.length == 0 && (
                     <tr>
-                      <td colSpan={2} style={{ padding: '2rem' }}>
-                        Drag and drop documents here to query their contents.
-                      </td>
+                      <td colSpan={2} style={{ padding: '2rem' }}></td>
                     </tr>
                   )}
                   {stableSort(rows, getComparator(order, 'name'))?.map((row) =>