mdoel transform

packages/web/src/widgets/SavedFilesList.svelte

@@ -22,6 +22,7 @@
   const diagramFiles = useFiles({ folder: 'diagrams' });
   const jobFiles = useFiles({ folder: 'jobs' });
   const perspectiveFiles = useFiles({ folder: 'perspectives' });
+  const modelTransformFiles = useFiles({ folder: 'modtrans' });
 
   $: files = [
     ...($sqlFiles || []),
@@ -33,13 +34,30 @@
     ...($diagramFiles || []),
     ...($perspectiveFiles || []),
     ...($jobFiles || []),
+    ...($modelTransformFiles || []),
   ];
 
   function handleRefreshFiles() {
     apiCall('files/refresh', {
-      folders: ['sql', 'shell', 'markdown', 'charts', 'query', 'sqlite', 'diagrams', 'perspectives', 'jobs'],
+      folders: [
+        'sql',
+        'shell',
+        'markdown',
+        'charts',
+        'query',
+        'sqlite',
+        'diagrams',
+        'perspectives',
+        'jobs',
+        'modtrans',
+      ],
     });
   }
+
+  function dataFolderTitle(folder) {
+    if (folder == 'modtrans') return 'Model transforms';
+    return _.startCase(folder);
+  }
 </script>
 
 <WidgetsInnerContainer>
@@ -51,5 +69,5 @@
     </InlineButton>
   </SearchBoxWrapper>
 
-  <AppObjectList list={files} module={savedFileAppObject} groupFunc={data => _.startCase(data.folder)} {filter} />
+  <AppObjectList list={files} module={savedFileAppObject} groupFunc={data => dataFolderTitle(data.folder)} {filter} />
 </WidgetsInnerContainer>