basic XML import works + small fixes

packages/web/src/freetable/FreeTableColumnEditor.svelte

@@ -9,7 +9,7 @@
         rows: rowFunc ? model.rows.map(rowFunc) : model.rows,
         structure: {
           ...model.structure,
-          columns: func(model.structure.columns),
+          columns: func(model.structure?.columns),
         },
       },
     });
@@ -40,7 +40,7 @@
 </script>
 
 <ManagerInnerContainer width={managerSize}>
-  {#each structure.columns || [] as column, index}
+  {#each structure?.columns || [] as column, index}
     {#if index == editingColumn}
       <ColumnNameEditor
         defaultValue={column.columnName}
@@ -54,7 +54,7 @@
         onBlur={() => (editingColumn = null)}
         focusOnCreate
         blurOnEnter
-        existingNames={structure.columns.map(x => x.columnName)}
+        existingNames={structure?.columns.map(x => x.columnName)}
       />
     {:else}
       <ColumnManagerRow
@@ -77,6 +77,6 @@
       dispatchChangeColumns($$props, cols => [...cols, { columnName }]);
     }}
     placeholder="New column"
-    existingNames={(structure.columns || []).map(x => x.columnName)}
+    existingNames={(structure?.columns || []).map(x => x.columnName)}
   />
 </ManagerInnerContainer>

packages/web/src/icons/FontIcon.svelte

@@ -38,6 +38,7 @@
     'icon file': 'mdi mdi-file',
     'icon loading': 'mdi mdi-loading mdi-spin',
     'icon close': 'mdi mdi-close',
+    'icon stop': 'mdi mdi-close-octagon',
     'icon filter': 'mdi mdi-filter',
     'icon filter-off': 'mdi mdi-filter-off',
     'icon reload': 'mdi mdi-reload',

packages/web/src/modals/ImportExportModal.svelte

@@ -174,7 +174,7 @@
     <svelte:fragment slot="footer">
       <div class="flex m-2">
         {#if busy}
-          <LargeButton icon="icon close" on:click={handleCancel}>Cancel</LargeButton>
+          <LargeButton icon="icon stop" on:click={handleCancel}>Stop</LargeButton>
         {:else}
           <LargeFormButton on:click={handleExecute} icon="icon run">Run</LargeFormButton>
         {/if}