From 23edee8b44778f5d3389c0bb1a6343072eb6a8a7 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Mon, 30 Oct 2023 10:33:48 -0600
Subject: [PATCH 1/6] Adds clear option

---
 .../templates/views/components/plugins/file-configuration.htm  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/arches_for_science/templates/views/components/plugins/file-configuration.htm b/arches_for_science/templates/views/components/plugins/file-configuration.htm
index 586d59dd6..1c3fa268b 100644
--- a/arches_for_science/templates/views/components/plugins/file-configuration.htm
+++ b/arches_for_science/templates/views/components/plugins/file-configuration.htm
@@ -38,6 +38,7 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
                                         select2Config: {
                                             clickBubble: false,
                                             disabled: file.details.disabledConfig,
+                                            placeholder: 'Select a Configuration',
                                             width: 'element',
                                             ajax:{
                                                 url: $parent.rendererUrl,
@@ -46,7 +47,7 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
                                             initSelection: $parent.initSelection,
                                             value: file.details.rendererConfig,
                                             closeOnSelect: true,
-                                            allowClear: false,
+                                            allowClear: true,
                                             multiple: false 
                                         }
                                     }">

From 01bc0eb492b175fe8da2dcd91d6b95b6290e3cd1 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Mon, 30 Oct 2023 10:39:48 -0600
Subject: [PATCH 2/6] adjust sizing slightly

---
 .../views/components/plugins/file-configuration.htm         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/arches_for_science/templates/views/components/plugins/file-configuration.htm b/arches_for_science/templates/views/components/plugins/file-configuration.htm
index 1c3fa268b..cc2b86e3c 100644
--- a/arches_for_science/templates/views/components/plugins/file-configuration.htm
+++ b/arches_for_science/templates/views/components/plugins/file-configuration.htm
@@ -1,6 +1,6 @@
 {% load i18n %}
 <div class="file-configuration" style="width: 100%;height: calc(100% - 105px);display:flex;">
-    <div class="uploaded-files" style="width: 32.6793%;padding: 10px;padding-top: 0;">
+    <div class="uploaded-files" style="width: 36%;padding: 10px;padding-top: 0;">
         <h4><span>{% trans "Uploaded Files" %}</span></h4>
         <span>{% trans "Specify how to process the data files for viewing.  Any additional files (such as images) will be automatically displayed if possible." %}</span>
         <div class="file-button-container">
@@ -61,7 +61,7 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
         </div>
     </div>
     <div style="cursor:col-resize; width:18px;" class="resizer"></div>
-    <div class="active-files" style="width: 31.9659%; display: flex; flex-direction: column">
+    <div class="active-files" style="width: 22%; display: flex; flex-direction: column">
         <div data-bind="visible: !(selectedFiles().length > 1) && fileMode() == 'data'">
             <h4 data-bind="text: selectedFile()?.details?.name"></h4>
             <div class="cm" style="border: 1px solid #ddd" >
@@ -118,7 +118,7 @@ <h4>{% trans "File Preview" %}</h4>
         </div>
     </div>
     <div style="cursor:col-resize;width:18px;" class="resizer"></div>
-    <div style="width: 32.3226%;padding: 10px; padding-top: 0;" data-bind="visible: fileMode() == 'data'">
+    <div style="width: 22%;padding: 10px; padding-top: 0;" data-bind="visible: fileMode() == 'data'">
         {% block importerConfiguration %}
         <!-- ko component: {
             name: 'importer-configuration',

From 6dd0e2ab946b86c4cc2a0bde5adf978b5e116239 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Thu, 2 Nov 2023 10:41:47 -0600
Subject: [PATCH 3/6] Merge of UI changes for XY loader, various fixes, changes
 name of text file formats

---
 README.md                                     |  2 +-
 arches_for_science/media/css/project.css      | 42 ++++++++++++-------
 .../media/js/bindings/datatable.js            |  9 ++--
 .../components/plugins/file-configuration.js  | 25 +++++++----
 .../plugins/importer-configuration.js         |  5 ++-
 .../plugins/upload-dataset-workflow.js        |  1 +
 .../components/plugins/file-configuration.htm | 30 ++++++-------
 .../plugins/importer-configuration.htm        | 28 +++++++------
 .../select_dataset_files_step.py              |  2 +-
 9 files changed, 87 insertions(+), 57 deletions(-)

diff --git a/README.md b/README.md
index b8c478e9b..69232f50f 100644
--- a/README.md
+++ b/README.md
@@ -61,7 +61,7 @@ RENDERERS += [
     },
 ]
 
-INSTRUMENT_FILE_FORMATS = ["txt"]
+XY_TEXT_FILE_FORMATS = ["txt"]
 
 X_FRAME_OPTIONS = "SAMEORIGIN"
 ```
diff --git a/arches_for_science/media/css/project.css b/arches_for_science/media/css/project.css
index 225226ac3..ec3c4cb3f 100644
--- a/arches_for_science/media/css/project.css
+++ b/arches_for_science/media/css/project.css
@@ -1239,10 +1239,6 @@
     border-bottom: 1px solid #ddd;
 }
 
-.importer-list-container {
-    width: 470px;
-}
- 
 .importer-list-container div:hover {
     background: #EBF6FC;
 }
@@ -1355,16 +1351,6 @@
     padding-bottom: 10px;
 }
 
-.import-tool {
-    color: #579ddb;
-    margin-right: 10px;
-}
-
-.import-tool:hover {
-    color: #156AB7;
-    cursor: pointer;
-}
-
 /* Show the tooltip text when you mouse over the tooltip container */
 .tip:hover .tooltiptext {
   visibility: visible;
@@ -1393,4 +1379,32 @@
 .file-workbench-file.selected,
 .file-workbench-file.selected:hover {
     background: #b4d1f0;
+}
+
+.select-file-renderers-workflow-step {
+    height: 100%;
+}
+
+.uploaded-files div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+    margin: 0 5px;
+}
+
+
+.uploaded-files .import-tool {
+    color: #579ddb;
+    background-color: transparent;
+    border: none;
+    margin: 0 6px;
+    min-width: 0;
+    padding: 0;
+    max-width: 266px;
+}
+
+.uploaded-files button.import-tool:hover {
+    color: #156AB7;
+    cursor: pointer;
+}
+
+.uploaded-files table .active-file{
+    background-color: #dbf1f5 !important
 }
\ No newline at end of file
diff --git a/arches_for_science/media/js/bindings/datatable.js b/arches_for_science/media/js/bindings/datatable.js
index b9c97553c..c99c6582c 100644
--- a/arches_for_science/media/js/bindings/datatable.js
+++ b/arches_for_science/media/js/bindings/datatable.js
@@ -52,18 +52,17 @@ define([
                 key = 'DataTablesForEach_Initialized';
             ko.unwrap(options.data);
             var table;
-            if (!options.dataTableOptions.paging) {
                 table = $(element).closest('table').DataTable();
                 table.destroy();
-            }
             ko.bindingHandlers.foreach.update(element, valueAccessor, allBindings, viewModel, bindingContext);
             table = $(element).closest('table').DataTable(options.dataTableOptions);
 
-            if (options.dataTableOptions.paging) {
-                if (table.page.info().pages - ko.bindingHandlers.dataTablesForEach.page == 0)
+            if (options.dataTableOptions.paging && ko.bindingHandlers.dataTablesForEach.page > 0) {
+                if (table.page.info().pages - ko.bindingHandlers.dataTablesForEach.page == 0) {
                     table.page(--ko.bindingHandlers.dataTablesForEach.page).draw(false);
-                else
+                } else {
                     table.page(ko.bindingHandlers.dataTablesForEach.page).draw(false);
+                }
             }
             if (!ko.utils.domData.get(element, key) && (options.data || options.length))
                 ko.utils.domData.set(element, key, true);
diff --git a/arches_for_science/media/js/views/components/plugins/file-configuration.js b/arches_for_science/media/js/views/components/plugins/file-configuration.js
index 7f19d2776..cf7c3625f 100644
--- a/arches_for_science/media/js/views/components/plugins/file-configuration.js
+++ b/arches_for_science/media/js/views/components/plugins/file-configuration.js
@@ -35,7 +35,7 @@ define([
         this.parsedData = ko.observable();
         this.loadingFile = ko.observable(false);
         this.renderer = 'e93b7b27-40d8-4141-996e-e59ff08742f3'; // xy reader uuid
-        this.rendererUrl = `/renderer/${this.renderer}`;;
+        this.rendererUrl = `/renderer/${this.renderer}`;
         
         this.files.subscribe(() => {
             if(!this.rendererConfigs()){
@@ -63,6 +63,18 @@ define([
             this.fileMode.valueHasMutated();
         });
 
+        this.toggleSelect = () => {
+            if(!this.selectedFiles().length){
+                this.selectedFiles(this.dataFiles().map(file => file?.details?.file_id));
+                this.currentFiles([]);
+                this.currentFiles(this.dataFiles());
+            } else {
+                this.selectedFiles([]);
+                this.currentFiles([]);
+                this.currentFiles(this.dataFiles());      
+            }
+        };
+
         this.codeMirrorText = ko.observable();
         this.rendererConfigs = ko.observableArray();
         this.rendererConfigs.subscribe(() => {
@@ -186,7 +198,6 @@ define([
                     {name: 'mobilep', width: 320}
                 ]
             },
-            paging: false,
             searching: true,
             scrollCollapse: true,
             info: false,
@@ -225,12 +236,9 @@ define([
 
         this.dataFileTable = {
             ...this.fileTableConfig,
-            columns: Array(3).fill(null)
-        };
-
-        this.otherFileTable = {
-            ...this.fileTableConfig,
-            columns: Array(2).fill(null)
+            paging: true,
+            pageLength: 5,
+            lengthChange: false
         };
 
         const preparedRenderer = fileRenderers[this.renderer];
@@ -310,6 +318,7 @@ define([
             } else {
                 this.currentFiles(this.additionalFiles());
             }
+            this.currentFiles.valueHasMutated()
             this.selectedFile(undefined);
             this.selectedFiles([]);
             this.selectedConfiguration(undefined);
diff --git a/arches_for_science/media/js/views/components/plugins/importer-configuration.js b/arches_for_science/media/js/views/components/plugins/importer-configuration.js
index 7e3847fbe..950876b99 100644
--- a/arches_for_science/media/js/views/components/plugins/importer-configuration.js
+++ b/arches_for_science/media/js/views/components/plugins/importer-configuration.js
@@ -15,7 +15,7 @@ define([
         this.selectedConfiguration = params.selectedConfiguration || ko.observable();
         this.showConfigurationPanel = ko.observable();
         this.editConfigurationId = ko.observable(undefined);
-    
+        this.showImporterList = ko.observable(true);
         this.applyConfigurationVisible = ko.observable(false);
         this.configurationName = ko.observable();
         this.configurationDescription = ko.observable();
@@ -54,6 +54,7 @@ define([
 
         this.cancelConfigEdit = () => {
             this.showConfigurationPanel(false);
+            this.showImporterList(true);
         };
 
         this.dataDelimiter.subscribe(newDelimiter => {
@@ -104,6 +105,7 @@ define([
             }
 
             this.showConfigurationPanel(false);
+            this.showImporterList(true);
         };
 
         const rendererConfigRefresh = (async() => {
@@ -156,6 +158,7 @@ define([
             this.includeDelimiter(configuration?.config?.includeDelimiter);
             this.selectedTransformation(configuration?.config?.transformation);
             this.showConfigurationPanel(true);
+            this.showImporterList(false);
         };
 
         this.deleteConfiguration = async(configuration) => {
diff --git a/arches_for_science/media/js/views/components/plugins/upload-dataset-workflow.js b/arches_for_science/media/js/views/components/plugins/upload-dataset-workflow.js
index a2d2d983d..2aeba593c 100644
--- a/arches_for_science/media/js/views/components/plugins/upload-dataset-workflow.js
+++ b/arches_for_science/media/js/views/components/plugins/upload-dataset-workflow.js
@@ -166,6 +166,7 @@ define([
                     title: 'Select File Renderers',
                     name: 'select-renderers',
                     required: true,
+                    workflowstepclass: 'select-file-renderers-workflow-step',
                     informationboxdata: {
                         heading: 'Select file renderers',
                         text: 'Select an Importer configuration and data files to apply those configurations to those files.',
diff --git a/arches_for_science/templates/views/components/plugins/file-configuration.htm b/arches_for_science/templates/views/components/plugins/file-configuration.htm
index e5011cf96..1435941f2 100644
--- a/arches_for_science/templates/views/components/plugins/file-configuration.htm
+++ b/arches_for_science/templates/views/components/plugins/file-configuration.htm
@@ -1,6 +1,6 @@
 {% load i18n %}
-<div class="file-configuration" style="width: 100vw; margin: -20px; display: flex; height: calc(100% + 40px);">
-    <div class="uploaded-files" style="width: 500px; padding: 10px;">
+<div class="file-configuration" style="display: flex; height: 100%;">
+    <div class="uploaded-files" style="width: calc(39.3% - 4px);min-width: 493px; padding: 10px;">
         <h4><span>{% trans "Uploaded Files" %}</span></h4>
         <span class="file-config-instuctions">{% trans "Specify how to process the data files for viewing.  Any additional files (such as images) will be automatically displayed if possible." %}</span>
         <div class="file-button-container">
@@ -9,8 +9,8 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
             <div class="file-buttons" data-bind="click:() => {fileMode('other'); selectedFiles([])}, css: {active: fileMode() != 'data'}" role="button">{% trans "Additional Files" %}</div>
         </div>
 
-        <div>
-            <div class="" style="border: 1px solid #ddd; width: 100%; padding: 0px 7px; z-index: 1; position: relative; height: 640px; overflow-y: scroll; overflow-x: hidden;" data-bind="visible: currentFiles().length > 0" style="overflow-y: scroll; height: 600px;">
+        <div style="max-height:calc(100% - 143px)">
+            <div style="border: 1px solid #ddd; width: 100%; padding: 0px 7px; z-index: 1; height: 100%; overflow-y: scroll; overflow-x: hidden;" data-bind="visible: currentFiles().length > 0" style="overflow-y: scroll;">
                 <table class="table table-striped" cellspacing="0" width="100%">
                     <thead>
                         <tr class="afs-table-header">
@@ -19,15 +19,15 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
                             
                         </tr>
                     </thead>
-                    <tbody data-bind="dataTablesForEach: { data: currentFiles, as: 'file', dataTableOptions: fileTableConfig }">
-                        <tr>
+                    <tbody data-bind="dataTablesForEach: { data: currentFiles, as: 'file', dataTableOptions: dataFileTable }">
+                        <tr data-bind="css: {'active-file': $parent.visibleFile() == file.fileid && $parent.selectedFiles().length <= 1}">
                             <td>
                                 <div style="display: flex; align-items:center;">
                                     <div style="display: flex; align-items: center;">
-                                        <div style="margin: 0 5px;cursor:pointer" data-bind="click: function() { $parent.displayFile(file); $parent.selectedFile(file); }"><i data-bind="visible: $parent.visibleFile() == file.fileid && $parent.selectedFiles().length <= 1" role="button" aria-label="{% trans "Selected File" %}" class="fa fa-eye"></i></div>
+                                        <div style="margin: 0 5px;cursor:pointer" data-bind="click: function() { $parent.displayFile(file); $parent.selectedFile(file); }"></div>
                                         <input style="margin: 0px 5px 0px 0px;" type="checkbox" data-bind="visible: $parent.fileMode() == 'data', value: file.fileid, checked: $parent.selectedFiles">
                                     </div>
-                                    <div style="padding:1px 5px;min-height: 39px;align-items:center;display:flex;cursor:pointer; flex: 1" data-bind="click: function() { $parent.displayFile(file); $parent.selectedFile(file); },text: file.details.name"></div>
+                                    <div style="padding:1px 5px;min-height: 39px;align-items:center;display:flex;cursor:pointer; flex: 1" data-bind="click: function() { $parent.displayFile(file); $parent.selectedFile(file); }, text: file.details.name"></div>
                                 </div>
                             </td>
                             <td style="padding:8px;cursor:pointer" data-bind="click: function() { $parent.displayFile(file); $parent.selectedFile(file); }">
@@ -60,14 +60,14 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
             </div>
             
         </div>
-        <div class="table-tools-container">
-            <div class="import-tool">x files</div>
-            <div class="import-tool">Select All</div>
-            <div class="import-tool">Remove Importer</div>
+        <div style="position: relative; top: -35px; left: 6px; max-width: 266px;" class="table-tools-container">
+            <div class="import-tool"><span data-bind="text:currentFiles().length"></span> <span data-bind="visible: currentFiles().length != 1">{% trans "files" %}</span><span data-bind="visible: currentFiles().length == 1">{% trans "file" %}</span> <span data-bind="visible: selectedFiles().length">(<span data-bind="text: selectedFiles().length"></span> {% trans "selected" %})</span></div>
+            <button class="import-tool" data-bind="click:() =>{toggleSelect()}"><span data-bind="visible: !selectedFiles().length">{% trans "Select All" %}</span><span data-bind="visible: selectedFiles().length">{% trans "Deselect All" %}</span></button>
+            <!-- <div class="import-tool">Remove Importer</div> -->
         </div>
     </div>
     <div style="cursor:col-resize; min-width:12px; background: #fcfcfc; border-right: 1px solid #eee; border-left: 1px solid #ddd;" class="resizer"></div>
-    <div class="active-files" style="width: 31.9659%; min-width: 550px; display: flex; flex-direction: column; padding: 10px 10px 20px 20px; z-index: 10;">
+    <div class="active-files" style="width: calc(33.3% - 4px);flex:1; display: flex; flex-direction: column; padding: 10px 10px 20px 20px; z-index: 10;">
         <div style="margin-bottom: 10px;" data-bind="visible: !(selectedFiles().length > 1) && fileMode() == 'data'">
             <h4 data-bind="text: selectedFile()?.details?.name"></h4>
             <div class="cm" style="border: 1px solid #ddd" >
@@ -123,14 +123,14 @@ <h4>{% trans "File Preview" %}</h4>
             </div>
         </div>
     </div>
-    <div style="width: 550px; min-width: 550px; position: relative; padding: 10px 50px 20px 20px;" data-bind="visible: fileMode() == 'data'">
+    <div style="width: calc(27.3% - 4px); max-width: 470px; margin: 10px 20px;" data-bind="visible: fileMode() == 'data'">
         {% block importerConfiguration %}
         <!-- ko component: {
             name: 'importer-configuration',
             params: {
                 selectedConfiguration: selectedConfiguration,
                 rendererConfigs: rendererConfigs,
-                alert: alert
+                alert: alert, 
             }
         } --> 
         <!-- /ko -->
diff --git a/arches_for_science/templates/views/components/plugins/importer-configuration.htm b/arches_for_science/templates/views/components/plugins/importer-configuration.htm
index 7aad623c0..4898e90b8 100644
--- a/arches_for_science/templates/views/components/plugins/importer-configuration.htm
+++ b/arches_for_science/templates/views/components/plugins/importer-configuration.htm
@@ -1,19 +1,23 @@
 {% load i18n %}
 <div class="importer-configuration">
-    <div class="file-config-header">{% trans "Importer Configurations" %}</div>
-    <div class="file-config-instuctions">{% trans "Define how to import your x/y data" %}</div>
-    <div class="importer-list-container">
-        <!-- ko foreach: {data: rendererConfigs, as: 'configuration' } -->
-        <div style="display:flex;align-items: center;">
-            <input style="margin: 8px" type="radio" name="selectedConfiguration" data-bind="checked: $parent.selectedConfiguration, value: configuration.configid"></input>
-            <span style="flex:1"><span data-bind="text: configuration.name"></span><span data-bind="if: configuration.description"><span class="tip"><i class="fa fa-info-circle"></i><span class="tooltiptext" data-bind="text: configuration.description"></span></span></span></span>
-            <i class="fa fa-pencil" role="button" data-bind="click:()=>{$parent.loadConfiguration(configuration);}" aria-label="{% trans Edit %}"></i>
-            <i class="fa fa-trash" role="button" data-bind="click:()=>{$parent.deleteConfiguration(configuration);}" aria-label="{% trans Delete %}"></i>
+    <span data-bind="text: console.log(showImporterList(), showConfigurationPanel())"></span>
+    <div data-bind="visible: showImporterList">
+        <div class="file-config-header">{% trans "Importer Configurations" %}</div>
+        <div class="file-config-instuctions">{% trans "Define how to import your x/y data" %}</div>
+        <div class="importer-list-container">
+            <!-- ko foreach: {data: rendererConfigs, as: 'configuration' } -->
+            <div style="display:flex;align-items: center;">
+                <input style="margin: 8px" type="radio" name="selectedConfiguration" data-bind="checked: $parent.selectedConfiguration, value: configuration.configid"></input>
+                <span style="flex:1"><span data-bind="text: configuration.name"></span><span data-bind="if: configuration.description"><span class="tip"><i class="fa fa-info-circle"></i><span class="tooltiptext" data-bind="text: configuration.description"></span></span></span></span>
+                <i class="fa fa-pencil" role="button" data-bind="click:()=>{$parent.loadConfiguration(configuration);}" aria-label="{% trans Edit %}"></i>
+                <i class="fa fa-trash" role="button" data-bind="click:()=>{$parent.deleteConfiguration(configuration);}" aria-label="{% trans Delete %}"></i>
+            </div>
+            <!-- /ko -->
         </div>
-        <!-- /ko -->
+
+        <button class="btn btn-primary" data-bind="click:()=>{showConfigurationPanel(true), editConfigurationId(undefined)}">{% trans "Add Importer Configuration" %}</button>
     </div>
-    <button class="btn btn-primary" data-bind="click:()=>{showConfigurationPanel(true), editConfigurationId(undefined)}">{% trans "Add Importer Configuration" %}</button>
-    <div data-bind="visible: showConfigurationPanel" style="border: 1px solid #ddd; width: 470px; position: absolute; top: 4px;">
+    <div data-bind="visible: showConfigurationPanel" style="border: 1px solid #ddd; top: 4px;">
         <div style="background-color: #004577; color: #fff; padding: 10px; font-weight: bold;">{% trans "Add Importer Configuration" %}</div>
         <div style="background-color: #fafafa; overflow-y: scroll; height: calc(100vh - 337px);">
             <div class="importer-config-panel">
diff --git a/arches_for_science/views/workflows/upload_dataset/select_dataset_files_step.py b/arches_for_science/views/workflows/upload_dataset/select_dataset_files_step.py
index 3629614de..1360ef99b 100644
--- a/arches_for_science/views/workflows/upload_dataset/select_dataset_files_step.py
+++ b/arches_for_science/views/workflows/upload_dataset/select_dataset_files_step.py
@@ -138,7 +138,7 @@ def post(self, request):
                         file_data["renderer"] = next(
                             (renderer["id"] for renderer in settings.RENDERERS if renderer["name"] == "pdfreader"), None
                         )
-                    elif file_data["name"].split(".")[-1] in settings.INSTRUMENT_FILE_FORMATS:  # instrument was given by zip file name
+                    elif file_data["name"].split(".")[-1] in settings.XY_TEXT_FILE_FORMATS:  # instrument was given by zip file name
                         file_data["renderer"] = next(
                             (renderer["id"] for renderer in settings.RENDERERS if renderer["name"] == "xy-reader"), None
                         )

From a3ed407f4e6b87f08a5e6171e254ff731dad7258 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Thu, 2 Nov 2023 10:44:09 -0600
Subject: [PATCH 4/6] remove important

---
 arches_for_science/media/css/project.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/arches_for_science/media/css/project.css b/arches_for_science/media/css/project.css
index ec3c4cb3f..ec5136563 100644
--- a/arches_for_science/media/css/project.css
+++ b/arches_for_science/media/css/project.css
@@ -1406,5 +1406,5 @@
 }
 
 .uploaded-files table .active-file{
-    background-color: #dbf1f5 !important
+    background-color: #dbf1f5;
 }
\ No newline at end of file

From 6509fe95153c0a1c413a8bfe870bd4fcec6dd9ff Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Thu, 2 Nov 2023 10:51:49 -0600
Subject: [PATCH 5/6] specificity fix

---
 arches_for_science/media/css/project.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/arches_for_science/media/css/project.css b/arches_for_science/media/css/project.css
index ec5136563..e50537588 100644
--- a/arches_for_science/media/css/project.css
+++ b/arches_for_science/media/css/project.css
@@ -1405,6 +1405,6 @@
     cursor: pointer;
 }
 
-.uploaded-files table .active-file{
+#container .uploaded-files table.dataTable.table-striped > tbody > tr.active-file {
     background-color: #dbf1f5;
 }
\ No newline at end of file

From 6a1b62572f3d82bda90828a7bb2946b659b15721 Mon Sep 17 00:00:00 2001
From: Aaron Gundel <aaron.gundel@gmail.com>
Date: Thu, 2 Nov 2023 11:06:15 -0600
Subject: [PATCH 6/6] re-fix original issue

---
 .../templates/views/components/plugins/file-configuration.htm  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/arches_for_science/templates/views/components/plugins/file-configuration.htm b/arches_for_science/templates/views/components/plugins/file-configuration.htm
index 1435941f2..b495f3865 100644
--- a/arches_for_science/templates/views/components/plugins/file-configuration.htm
+++ b/arches_for_science/templates/views/components/plugins/file-configuration.htm
@@ -47,7 +47,8 @@ <h4><span>{% trans "Uploaded Files" %}</span></h4>
                                                 initSelection: $parent.initSelection,
                                                 value: file.details.rendererConfig,
                                                 closeOnSelect: true,
-                                                allowClear: false,
+                                                placeholder: 'Select an Importer',
+                                                allowClear: true,
                                                 multiple: false 
                                             }
                                         }">