copy saved file

packages/web/src/appobj/SavedFileAppObject.svelte

@@ -104,6 +104,7 @@
     return [
       handler?.tabComponent && { text: 'Open', onClick: openTab },
       hasPermission(`files/${data.folder}/write`) && { text: 'Rename', onClick: handleRename },
+      hasPermission(`files/${data.folder}/write`) && { text: 'Create copy', onClick: handleCopy },
       hasPermission(`files/${data.folder}/write`) && { text: 'Delete', onClick: handleDelete },
       folder == 'markdown' && { text: 'Show page', onClick: showMarkdownPage },
     ];
@@ -129,6 +130,17 @@
     });
   };
 
+  const handleCopy = () => {
+    showModal(InputTextModal, {
+      value: data.file,
+      label: 'New file name',
+      header: 'Rename file',
+      onConfirm: newFile => {
+        axiosInstance.post('files/copy', { ...data, newFile });
+      },
+    });
+  };
+
   async function openTab() {
     const resp = await axiosInstance.post('files/load', { folder, file: data.file, format: handler.format });
 

packages/web/src/charts/ChartEditor.svelte

@@ -19,6 +19,7 @@
   import { loadChartData, loadChartStructure } from './chartDataLoader';
   import DataChart from './DataChart.svelte';
   import _ from 'lodash';
+  import ErrorInfo from '../elements/ErrorInfo.svelte';
 
   export let data;
   export let configStore;
@@ -47,6 +48,7 @@
       const columns = await loadChartStructure(driver, conid, database, sql);
       availableColumnNames = columns;
     } catch (err) {
+      console.error(err);
       error = err.message;
     }
   };
@@ -151,7 +153,11 @@
     </div>
 
     <svelte:fragment slot="2">
-      <DataChart data={data || loadedData} />
+      {#if error}
+        <ErrorInfo message={error} alignTop />
+      {:else}
+        <DataChart data={data || loadedData} />
+      {/if}
     </svelte:fragment>
   </HorizontalSplitter>
 </FormProviderCore>