diff --git a/api/src/Downstream/Type/Dimple.php b/api/src/Downstream/Type/Dimple.php
index 4b56e20f0..05adbc079 100644
--- a/api/src/Downstream/Type/Dimple.php
+++ b/api/src/Downstream/Type/Dimple.php
@@ -43,7 +43,7 @@ function results() {
             return;
         }
 
-        $lfs = $this->_get_attachments(null, null, 'refmac5_restr.log');
+        $lfs = $this->_get_attachments(null, null, 'refmac%_restr.log');
         if (sizeof($lfs)) {
             $lf = $lfs[0]['FILE'];
         } else {
diff --git a/api/src/Page/DC.php b/api/src/Page/DC.php
index a9090d59a..546fe9faf 100644
--- a/api/src/Page/DC.php
+++ b/api/src/Page/DC.php
@@ -1171,7 +1171,7 @@ function _dc_strategies($id)
         global $strat_align;
 
         $rows = $this->db->pq("SELECT s.programversion, s.comments,
-                st.rankingresolution as rankres,
+                st.rankingresolution as rankres, sssw.dosetotal, st.screeningstrategyid,
                 ssw.wedgenumber, ssw.chi, ssw.kappa, ssw.phi, ssw.comments as sswcomments,
                 sssw.subwedgenumber, sssw.axisstart as st, sssw.exposuretime as time, sssw.transmission as tran,
                 sssw.oscillationrange as oscran, sssw.resolution as res, sssw.numberofimages as nimg, sssw.rotationaxis,
@@ -1199,6 +1199,7 @@ function _dc_strategies($id)
                 $output[$t] = array('CELL' => array(), 'STRATS' => array());
 
             $r['ATRAN'] = $r['TRAN'] / 100.0 * $r['DCTRN'];
+            $r['ROTATION'] = $r['NIMG'] * $r['OSCRAN'];
             foreach ($nf as $nff => $cols) {
                 foreach ($cols as $c) {
                     $r[$c] = number_format($r[$c], $nff);
diff --git a/api/src/Page/Processing.php b/api/src/Page/Processing.php
index 378e78d9b..41413728f 100644
--- a/api/src/Page/Processing.php
+++ b/api/src/Page/Processing.php
@@ -9,7 +9,7 @@
 class Processing extends Page {
     public static $dispatch = array(
         array('/:id(/dcg/:dcg)', 'get', '_results'),
-        array('/visit/:visit(/csv/:csv)', 'get', '_results_for_visit'),
+        array('/summary(/group/:sgid)(/protein/:pid)(/visit/:visit)(/csv/:csv)', 'get', '_summary'),
         array('/status', 'post', '_statuses'),
 
         array('/messages/status', 'post', '_ap_message_status'),
@@ -27,6 +27,8 @@ class Processing extends Page {
         'id' => '\d+',
         'ids' => '\d+',
         'dcg' => '\d+',
+        'pid' => '\d+',
+        'sgid' => '\d+',
         'visit' => '\w+\d+-\d+',
         'map' => '\d+',
         'n' => '\d+',
@@ -382,24 +384,56 @@ function _statuses() {
         $this->_output($out);
     }
 
-    function _results_for_visit() {
-        if (!($this->has_arg('visit'))) {
-            $this->_error('No visit specified');
-        }
-        $pattern = '/([A-z]+)(\d+)-(\d+)/';
-        preg_match($pattern, $this->arg('visit'), $matches);
-        if (!sizeof($matches))
-            $this->_error('No such visit');
+    function _summary() {
+        $where = 'dc.overlap = 0 AND dc.axisrange > 0 AND app.processingstatus = 1';
+        $join = '';
+        if ($this->has_arg('visit')) {
+            $pattern = '/([A-z]+)(\d+)-(\d+)/';
+            preg_match($pattern, $this->arg('visit'), $matches);
+            if (!sizeof($matches))
+                $this->_error('No such visit');
+
+            $info = $this->db->pq("SELECT s.sessionid FROM blsession s
+                INNER JOIN proposal p ON (p.proposalid = s.proposalid)
+                WHERE p.proposalid=:1 AND p.proposalcode=:2 AND p.proposalnumber=:3 AND s.visit_number=:4",
+                array($this->proposalid, $matches[1], $matches[2], $matches[3])
+            );
 
-        $info = $this->db->pq("SELECT s.sessionid FROM blsession s INNER JOIN proposal p ON (p.proposalid = s.proposalid) WHERE p.proposalcode=:1 AND p.proposalnumber=:2 AND s.visit_number=:3", array($matches[1], $matches[2], $matches[3]));
+            if (!sizeof($info)) {
+                $this->_error('No such visit');
+            }
 
-        if (!sizeof($info)) {
-            $this->_error('No such visit');
-        }
+            $args = array($info[0]['SESSIONID']);
+            $where .= ' AND dc.sessionid=:1';
+        } else if ($this->has_arg('pid')) {
+            $info = $this->db->pq("SELECT pr.proteinid FROM protein pr
+                WHERE pr.proposalid=:1 AND pr.proteinid=:2",
+                array($this->proposalid, $this->arg('pid'))
+            );
+
+            if (!sizeof($info)) {
+                $this->_error('No such protein');
+            }
+
+            $args = array($info[0]['PROTEINID']);
+            $where .= ' AND c.proteinid=:1';
+            $join = 'INNER JOIN crystal c on smp.crystalid=c.crystalid';
+        } else if ($this->has_arg('sgid')) {
+            $info = $this->db->pq("SELECT blsg.blsamplegroupid FROM blsamplegroup blsg
+                WHERE blsg.proposalid=:1 AND blsg.blsamplegroupid=:2",
+                array($this->proposalid, $this->arg('sgid'))
+            );
 
-        $args = array($info[0]['SESSIONID']);
+            if (!sizeof($info)) {
+                $this->_error('No such sample group');
+            }
 
-        $where = 'dc.sessionid=:1 AND dc.overlap = 0 AND dc.axisrange > 0 AND app.processingstatus = 1';
+            $args = array($info[0]['BLSAMPLEGROUPID']);
+            $where .= ' AND bhb.blsamplegroupid=:1';
+            $join = 'INNER JOIN BLSampleGroup_has_BLSample bhb on smp.blsampleid=bhb.blsampleid';
+        } else {
+            $this->_error('No visit, protein or group specified');
+        }
 
         if ($this->has_arg('pipeline')) {
             $st = sizeof($args);
@@ -489,6 +523,7 @@ function _results_for_visit() {
         $jobs = $this->db->pq(
             "SELECT dc.datacollectionid as id,
                 CONCAT(dc.imageprefix, '_', dc.datacollectionnumber) as prefix,
+                CONCAT(p.proposalcode, p.proposalnumber, '-', s.visit_number) as visit,
                 smp.name as sample,
                 smp.blsampleid,
                 ".self::EVTOA."/dc.wavelength as energy,
@@ -518,7 +553,10 @@ function _results_for_visit() {
                 apssinner.ccanomalous as innerccanom,
                 app.autoprocprogramid as aid
                 FROM datacollection dc
+                INNER JOIN blsession s ON dc.sessionid = s.sessionid
+                INNER JOIN proposal p ON s.proposalid = p.proposalid
                 LEFT OUTER JOIN blsample smp ON dc.blsampleid = smp.blsampleid
+                $join
                 INNER JOIN processingjob pj ON dc.datacollectionid = pj.datacollectionid
                 INNER JOIN autoprocprogram app ON pj.processingjobid = app.processingjobid
                 INNER JOIN autoproc ap ON app.autoprocprogramid=ap.autoprocprogramid
@@ -583,7 +621,14 @@ function _results_for_visit() {
 
         if ($this->has_arg('csv')) {
             $this->app->response->headers->set("Content-type", "text/csv");
-            Utils::setDispositionAttachment($this->app->response, $this->arg('visit') . "_summary.csv");
+            if ($this->has_arg('visit')) {
+                $filename = 'visit_' . $this->arg('visit') . "_summary.csv";
+            } else if ($this->has_arg('pid')) {
+                $filename = 'protein_' . $this->arg('pid') . "_summary.csv";
+            } else {
+                $filename = 'group_' . $this->arg('sgid') . "_summary.csv";
+            }
+            Utils::setDispositionAttachment($this->app->response, $filename);
             if (!empty($data)) {
                 print implode(',', array_keys($data[0])) . "\n";
             }
diff --git a/api/src/Page/Sample.php b/api/src/Page/Sample.php
index ff0d8900e..008018121 100644
--- a/api/src/Page/Sample.php
+++ b/api/src/Page/Sample.php
@@ -2013,7 +2013,7 @@ function _distinct_proteins()
               LEFT OUTER JOIN concentrationtype ct ON ct.concentrationtypeid = pr.concentrationtypeid
               WHERE pr.acronym is not null AND $where
               GROUP BY ct.symbol, pr.acronym, pr.name, pr.global
-              ORDER BY lower(pr.acronym)", $args);
+              ORDER BY lower(pr.acronym), pr.proteinid", $args);
 
         $this->_output($rows);
     }
diff --git a/client/package-lock.json b/client/package-lock.json
index 654c52ee4..f72364428 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -38,7 +38,7 @@
         "plotly.js": "^2.35.3",
         "portal-vue": "2.1.7",
         "promise": "^8.0.3",
-        "tailwindcss": "^1.9.5",
+        "tailwindcss": "^3.4.0",
         "three": "^0.143.0",
         "uglymol": "^0.6.4",
         "underscore": "1.8.3",
@@ -90,6 +90,18 @@
         "node": "^18.0.0"
       }
     },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -1896,51 +1908,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@fullhuman/postcss-purgecss": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz",
-      "integrity": "sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==",
-      "dependencies": {
-        "postcss": "7.0.32",
-        "purgecss": "^2.3.0"
-      }
-    },
-    "node_modules/@fullhuman/postcss-purgecss/node_modules/postcss": {
-      "version": "7.0.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
-      "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
-      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/postcss"
-      }
-    },
-    "node_modules/@fullhuman/postcss-purgecss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@fullhuman/postcss-purgecss/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -2863,7 +2830,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -2876,7 +2842,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2885,7 +2850,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -3765,24 +3729,6 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/acorn-node": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
-      "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-      "dependencies": {
-        "acorn": "^7.0.0",
-        "acorn-walk": "^7.0.0",
-        "xtend": "^4.0.2"
-      }
-    },
-    "node_modules/acorn-node/node_modules/acorn-walk": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/acorn-walk": {
       "version": "8.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
@@ -3922,6 +3868,7 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -3929,12 +3876,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "peer": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -3943,6 +3894,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -4385,7 +4342,8 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/base64-arraybuffer": {
       "version": "1.0.2",
@@ -4405,6 +4363,18 @@
         "node": "*"
       }
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/binary-search-bounds": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/binary-search-bounds/-/binary-search-bounds-2.0.5.tgz",
@@ -4446,18 +4416,19 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -4509,14 +4480,6 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
     },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/cacache": {
       "version": "15.3.0",
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
@@ -4669,6 +4632,7 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -4688,6 +4652,30 @@
         "node": ">=10"
       }
     },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
     "node_modules/chownr": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
@@ -4863,6 +4851,7 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -4967,7 +4956,8 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/concat-stream": {
       "version": "1.6.2",
@@ -5406,11 +5396,6 @@
         "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
       }
     },
-    "node_modules/css-unit-converter": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA=="
-    },
     "node_modules/css-what": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
@@ -5880,21 +5865,11 @@
         "node": ">=8"
       }
     },
-    "node_modules/detective": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
-      "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-      "dependencies": {
-        "acorn-node": "^1.8.2",
-        "defined": "^1.0.0",
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "detective": "bin/detective.js"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
     },
     "node_modules/diff-sequences": {
       "version": "28.1.1",
@@ -5918,6 +5893,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
+    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -6377,6 +6358,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -7050,16 +7032,16 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
-      "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-      "dev": true,
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
+        "micromatch": "^4.0.8"
       },
       "engines": {
         "node": ">=8.6.0"
@@ -7103,7 +7085,6 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -7151,10 +7132,10 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -7313,6 +7294,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
       "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^4.0.0",
@@ -7337,7 +7319,22 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
     },
     "node_modules/function-bind": {
       "version": "1.1.2",
@@ -7499,6 +7496,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -7518,7 +7516,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -7823,17 +7820,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/has-ansi": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
@@ -7859,6 +7845,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -7913,9 +7900,9 @@
       "dev": true
     },
     "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -8088,17 +8075,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/html-tags": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
-      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/html-webpack-plugin": {
       "version": "5.5.3",
       "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.3.tgz",
@@ -8359,6 +8335,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -8411,6 +8388,18 @@
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
       "dev": true
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-browser": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-browser/-/is-browser-2.1.0.tgz",
@@ -8434,11 +8423,15 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
-      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "license": "MIT",
       "dependencies": {
-        "has": "^1.0.3"
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8457,7 +8450,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8520,7 +8512,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -8546,7 +8537,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -10896,6 +10887,15 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
     "node_modules/jquery": {
       "version": "1.12.4",
       "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
@@ -11147,6 +11147,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -11223,8 +11224,7 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/loader-runner": {
       "version": "4.3.0",
@@ -11545,18 +11545,17 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -11668,6 +11667,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -11828,6 +11828,17 @@
       "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
       "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.8",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
@@ -11904,14 +11915,6 @@
         "lower-case": "^1.1.1"
       }
     },
-    "node_modules/node-emoji": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
-      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
-      "dependencies": {
-        "lodash": "^4.17.21"
-      }
-    },
     "node_modules/node-int64": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
@@ -11939,7 +11942,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11948,6 +11950,7 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11969,11 +11972,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/normalize.css": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
-      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
-    },
     "node_modules/npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -11999,11 +11997,6 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
-    "node_modules/num2fraction": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
-      "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg=="
-    },
     "node_modules/number-is-integer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/number-is-integer/-/number-is-integer-1.0.1.tgz",
@@ -12034,6 +12027,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
       "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -12278,6 +12272,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12338,7 +12333,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -12350,7 +12344,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12359,8 +12352,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "peer": true,
       "engines": {
         "node": ">= 6"
       }
@@ -12742,43 +12733,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/postcss-functions": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
-      "integrity": "sha512-N5yWXWKA+uhpLQ9ZhBRl2bIAdM6oVJYpDojuI1nF2SzXBimJcdjFwiAouBVbO5VuOF3qA6BSFWFc3wXbbj72XQ==",
-      "dependencies": {
-        "glob": "^7.1.2",
-        "object-assign": "^4.1.1",
-        "postcss": "^6.0.9",
-        "postcss-value-parser": "^3.3.0"
-      }
-    },
-    "node_modules/postcss-functions/node_modules/postcss": {
-      "version": "6.0.23",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-      "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-      "dependencies": {
-        "chalk": "^2.4.1",
-        "source-map": "^0.6.1",
-        "supports-color": "^5.4.0"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/postcss-functions/node_modules/postcss-value-parser": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
-    },
-    "node_modules/postcss-functions/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/postcss-import": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-13.0.0.tgz",
@@ -13341,9 +13295,10 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.13",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
-      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.3.tgz",
+      "integrity": "sha512-cDoO18VWCIWRsSaws3C23b0HXRxlUknttfdNcbXnf3IGHAPRNLlXPHc6dYiatOkxW0W4uZh524Plaaw5a7WEtQ==",
+      "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -13642,14 +13597,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/private": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -13744,64 +13691,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/purgecss": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.3.0.tgz",
-      "integrity": "sha512-BE5CROfVGsx2XIhxGuZAT7rTH9lLeQx/6M0P7DTXQH4IUc3BBzs9JUzt4yzGf3JrH9enkeq6YJBe9CTtkm1WmQ==",
-      "dependencies": {
-        "commander": "^5.0.0",
-        "glob": "^7.0.0",
-        "postcss": "7.0.32",
-        "postcss-selector-parser": "^6.0.2"
-      },
-      "bin": {
-        "purgecss": "bin/purgecss"
-      }
-    },
-    "node_modules/purgecss/node_modules/commander": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
-      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/purgecss/node_modules/postcss": {
-      "version": "7.0.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
-      "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
-      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/postcss"
-      }
-    },
-    "node_modules/purgecss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/purgecss/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -13812,7 +13701,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -13880,7 +13768,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -13909,6 +13796,18 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
     "node_modules/recast": {
       "version": "0.11.23",
       "resolved": "https://registry.npmjs.org/recast/-/recast-0.11.23.tgz",
@@ -13950,20 +13849,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/reduce-css-calc": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
-      "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
-      "dependencies": {
-        "css-unit-converter": "^1.1.1",
-        "postcss-value-parser": "^3.3.0"
-      }
-    },
-    "node_modules/reduce-css-calc/node_modules/postcss-value-parser": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
-    },
     "node_modules/regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -14173,17 +14058,22 @@
       "dev": true
     },
     "node_modules/resolve": {
-      "version": "1.22.2",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
-      "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.11.0",
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -14232,7 +14122,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -14272,7 +14161,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -14445,19 +14333,6 @@
       "integrity": "sha512-yodFGwcyt59XRh7w5W3jPcIQb3Bwi21suEfT7MAWnBX3iCdklJpgDgvGT9o04UonglZN5SNMfJFkHIR/jO8GHw==",
       "license": "MIT"
     },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-    },
     "node_modules/sirv": {
       "version": "1.0.19",
       "resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.19.tgz",
@@ -14882,6 +14757,37 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/sugarss": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-3.0.3.tgz",
@@ -14922,6 +14828,7 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -15116,189 +15023,199 @@
       "dev": true
     },
     "node_modules/tailwindcss": {
-      "version": "1.9.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.9.6.tgz",
-      "integrity": "sha512-nY8WYM/RLPqGsPEGEV2z63riyQPcHYZUJpAwdyBzVpxQHOHqHE+F/fvbCeXhdF1+TA5l72vSkZrtYCB9hRcwkQ==",
-      "dependencies": {
-        "@fullhuman/postcss-purgecss": "^2.1.2",
-        "autoprefixer": "^9.4.5",
-        "browserslist": "^4.12.0",
-        "bytes": "^3.0.0",
-        "chalk": "^3.0.0 || ^4.0.0",
-        "color": "^3.1.2",
-        "detective": "^5.2.0",
-        "fs-extra": "^8.0.0",
-        "html-tags": "^3.1.0",
-        "lodash": "^4.17.20",
-        "node-emoji": "^1.8.1",
-        "normalize.css": "^8.0.1",
-        "object-hash": "^2.0.3",
-        "postcss": "^7.0.11",
-        "postcss-functions": "^3.0.0",
-        "postcss-js": "^2.0.0",
-        "postcss-nested": "^4.1.1",
-        "postcss-selector-parser": "^6.0.0",
-        "postcss-value-parser": "^4.1.0",
-        "pretty-hrtime": "^1.0.3",
-        "reduce-css-calc": "^2.1.6",
-        "resolve": "^1.14.2"
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
       },
       "bin": {
         "tailwind": "lib/cli.js",
         "tailwindcss": "lib/cli.js"
       },
       "engines": {
-        "node": ">=8.9.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/tailwindcss/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "is-glob": "^4.0.3"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/antonk52"
       }
     },
-    "node_modules/tailwindcss/node_modules/ansi-styles/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
+    "node_modules/tailwindcss/node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "license": "MIT",
       "engines": {
-        "node": ">=7.0.0"
+        "node": ">= 6"
       }
     },
-    "node_modules/tailwindcss/node_modules/autoprefixer": {
-      "version": "9.8.8",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
-      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+    "node_modules/tailwindcss/node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
-        "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "picocolors": "^0.2.1",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
       },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
+      "engines": {
+        "node": ">=14.0.0"
       },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+      "peerDependencies": {
+        "postcss": "^8.0.0"
       }
     },
-    "node_modules/tailwindcss/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+    "node_modules/tailwindcss/node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
+        "camelcase-css": "^2.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^12 || ^14 || >= 16"
       },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/color": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
-      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
-      "dependencies": {
-        "color-convert": "^1.9.3",
-        "color-string": "^1.6.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/tailwindcss/node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "postcss": "^8.4.21"
       }
     },
-    "node_modules/tailwindcss/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/tailwindcss/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+    "node_modules/tailwindcss/node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
+        "lilconfig": "^3.1.1"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 18"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-js": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz",
-      "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==",
-      "dependencies": {
-        "camelcase-css": "^2.0.1",
-        "postcss": "^7.0.18"
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
       }
     },
     "node_modules/tailwindcss/node_modules/postcss-nested": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.3.tgz",
-      "integrity": "sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "postcss": "^7.0.32",
-        "postcss-selector-parser": "^6.0.2"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+        "postcss-selector-parser": "^6.1.1"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
       }
     },
-    "node_modules/tailwindcss/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
+    "node_modules/tailwindcss/node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
       }
     },
     "node_modules/tapable": {
@@ -15505,6 +15422,27 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/three": {
       "version": "0.143.0",
       "resolved": "https://registry.npmjs.org/three/-/three-0.143.0.tgz",
@@ -15551,6 +15489,51 @@
       "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
       "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw=="
     },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/tinyqueue": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
@@ -15591,7 +15574,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -15657,6 +15640,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/tsconfig": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-7.0.0.tgz",
@@ -15861,6 +15850,7 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
       "engines": {
         "node": ">= 4.0.0"
       }
diff --git a/client/package.json b/client/package.json
index b130f2440..b7aa5f526 100644
--- a/client/package.json
+++ b/client/package.json
@@ -86,7 +86,7 @@
     "plotly.js": "^2.35.3",
     "portal-vue": "2.1.7",
     "promise": "^8.0.3",
-    "tailwindcss": "^1.9.5",
+    "tailwindcss": "^3.4.0",
     "three": "^0.143.0",
     "uglymol": "^0.6.4",
     "underscore": "1.8.3",
diff --git a/client/src/css/partials/_content.scss b/client/src/css/partials/_content.scss
index d1309b8ed..5aee8c60e 100644
--- a/client/src/css/partials/_content.scss
+++ b/client/src/css/partials/_content.scss
@@ -33,6 +33,7 @@
 
         &.nou {
             border-bottom: 0;
+            margin-bottom: 0;
         }
 
         &.center {
@@ -866,6 +867,11 @@ li:last-child .visit_users {
         table {
             tr {
                 cursor: pointer;
+
+                &.highlight {
+                    background-color: #f7f7f7;
+                }
+
                 &:hover {
                     background: $content-sub-hover-background;
                 }
diff --git a/client/src/css/partials/_utility.scss b/client/src/css/partials/_utility.scss
index 5ed296780..deaf6f6fb 100644
--- a/client/src/css/partials/_utility.scss
+++ b/client/src/css/partials/_utility.scss
@@ -386,11 +386,19 @@ ul.ui-autocomplete {
     @apply tw-flex;
     @apply tw-flex-row;
     @apply tw-gap-2;
-    @apply tw-items-center;
+    @apply tw-items-baseline;
     border-bottom: 1px solid grey;
 
     h1 {
         padding: 0 !important;
-        @apply tw-flex-grow;
+        @apply tw-grow;
+
+        &.no-grow {
+            @apply tw-grow-0;
+        }
+    }
+
+    .xl {
+        @apply tw-text-xl;
     }
 }
diff --git a/client/src/js/app/components/breadcrumbs.vue b/client/src/js/app/components/breadcrumbs.vue
index 5bacdd3f4..0098be668 100644
--- a/client/src/js/app/components/breadcrumbs.vue
+++ b/client/src/js/app/components/breadcrumbs.vue
@@ -41,7 +41,7 @@ export default {
     @apply tw-text-header-bc-color;
     @apply tw-p-1;
     @apply tw-text-xxs;
-    @apply list-none;
+    @apply tw-list-none;
     @apply tw-clear-both
 }
 
diff --git a/client/src/js/app/views/login.vue b/client/src/js/app/views/login.vue
index b43a527a9..6abdfbd12 100644
--- a/client/src/js/app/views/login.vue
+++ b/client/src/js/app/views/login.vue
@@ -21,7 +21,7 @@
                 v-model="username"
                 :class="[
                   { ferror: errors.length },
-                  'tw-shadow tw-border tw-rounded tw-w-64 tw-py-2 tw-px-3 tw-text-gray-700 tw-leading-tight focus:tw-outline-none focus:tw-shadow-outline',
+                  'tw-shadow tw-border tw-rounded tw-w-64 tw-py-2 tw-px-3 tw-text-gray-700 tw-leading-tight focus:tw-outline-none focus:tw-ring',
                 ]"
                 type="text"
                 :name="name"
@@ -43,7 +43,7 @@
                 v-model="password"
                 :class="[
                   { ferror: errors.length },
-                  'tw-shadow tw-border tw-rounded tw-w-64 tw-py-2 tw-px-3 tw-text-gray-700 tw-leading-tight focus:tw-outline-none focus:tw-shadow-outline',
+                  'tw-shadow tw-border tw-rounded tw-w-64 tw-py-2 tw-px-3 tw-text-gray-700 tw-leading-tight focus:tw-outline-none focus:tw-ring',
                 ]"
                 type="password"
                 :name="name"
diff --git a/client/src/js/app/views/marionette/marionette-wrapper.vue b/client/src/js/app/views/marionette/marionette-wrapper.vue
index a360c4a64..3c6d1af7d 100644
--- a/client/src/js/app/views/marionette/marionette-wrapper.vue
+++ b/client/src/js/app/views/marionette/marionette-wrapper.vue
@@ -18,7 +18,9 @@ export default {
     // If this component is used directly from another vue component this will not be called
     // Instead the parent vue component will need to load the model/collection data as required
     beforeRouteEnter: function(to, from, next) {
-        next(vm => vm.prefetchData())
+        next(vm => {
+            if (!vm.fetchOnLoad) vm.prefetchData()
+        })
     },
     props: {
         'mview': [Function, Promise], // The marionette view could be lazy loaded or static import 
diff --git a/client/src/js/collections/datacollectionsforvisit.js b/client/src/js/collections/datacollectionsforvisit.js
index 711a2cc2b..caabf17f9 100644
--- a/client/src/js/collections/datacollectionsforvisit.js
+++ b/client/src/js/collections/datacollectionsforvisit.js
@@ -4,25 +4,41 @@ define(['backbone.paginator', 'models/datacollectionsforvisit', 'utils/kvcollect
         model: DCs,
         mode: 'server',
         visit: null,
-        url: function() { return '/processing/visit/'+this.visit },
+        pid: null,
+        sgid: null,
+        url: function() {
+            if (this.pid) {
+                return '/processing/summary/protein/'+this.pid
+            } else if (this.visit) {
+                return '/processing/summary/visit/'+this.visit
+            } else {
+                return '/processing/summary/group/'+this.sgid
+            }
+        },
 
         initialize(collection, options) {
             if (options && options.queryParams && options.queryParams.visit) {
                 this.visit = options.queryParams.visit
             }
+            if (options && options.queryParams && options.queryParams.pid) {
+                this.pid = options.queryParams.pid
+            }
+            if (options && options.queryParams && options.queryParams.sgid) {
+                this.sgid = options.queryParams.sgid
+            }
         },
-                                          
+
         state: {
             pageSize: 15,
         },
-                                          
+
         parseState: function(r, q, state, options) {
             return { totalRecords: r.total }
         },
-      
+
         parseRecords: function(r, options) {
             return r.data
         },
-        
+
     }))
 })
diff --git a/client/src/js/collections/samplegroups.js b/client/src/js/collections/samplegroups.js
index 345bfc1b2..6f5d7197a 100644
--- a/client/src/js/collections/samplegroups.js
+++ b/client/src/js/collections/samplegroups.js
@@ -5,8 +5,9 @@
 define(['backbone',
   'backbone.paginator',
   'models/samplegroup',
-], function(Backbone, PageableCollection, SampleGroup) {
-  return PageableCollection.extend({
+  'utils/kvcollection',
+], function(Backbone, PageableCollection, SampleGroup, KVCollection) {
+  return PageableCollection.extend(_.extend({}, KVCollection, {
     model: SampleGroup,
     url: '/sample/groups',
 
@@ -23,5 +24,8 @@ define(['backbone',
     parseState: function(r) {
       return { totalRecords: r.total }
     },
-  })
+
+    keyAttribute: 'NAME',             // What the user sees in the dropdown list
+    valueAttribute: 'BLSAMPLEGROUPID', // The hidden ID submitted when selected
+  }))
 })
diff --git a/client/src/js/modules/dc/routes.js b/client/src/js/modules/dc/routes.js
index 16440dfcd..481886b22 100644
--- a/client/src/js/modules/dc/routes.js
+++ b/client/src/js/modules/dc/routes.js
@@ -42,6 +42,18 @@ application.addInitializer(function() {
       application.navigate('/dc/'+(visit ? ('visit/'+visit) : '') + '/ty/'+type+'/id/'+id)
   //   controller.dc_list(visit, null, null, null, type, id)
   })
+
+  application.on('visitsummary:show', function(visit) {
+    application.navigate('/dc/summary/visit/'+visit)
+  })
+
+  application.on('proteinsummary:show', function(pid) {
+    application.navigate('/dc/summary/protein/'+pid)
+  })
+
+  application.on('groupsummary:show', function(pid) {
+    application.navigate('/dc/summary/group/'+pid)
+  })
 })
 
 // appRoutes: {
@@ -110,12 +122,45 @@ let routes = [
       id: +route.params.id || null,
     }),
   },
+  {
+    path: '/dc/summary/protein/:pid([0-9]+)',
+    name: 'dc-summary-protein',
+    component: MarionetteView,
+    props: route => ({
+        mview: Summary,
+        fetchOnLoad: true,
+        pid: route.params.pid || '',
+        options: {
+          model: new Visit(),
+          collection: new DCVisit(null, {
+            queryParams: { pid: route.params.pid }
+          })
+        }
+    }),
+  },
+  {
+    path: '/dc/summary/group/:sgid([0-9]+)',
+    name: 'dc-summary-group',
+    component: MarionetteView,
+    props: route => ({
+        mview: Summary,
+        fetchOnLoad: true,
+        sgid: route.params.sgid || '',
+        options: {
+          model: new Visit(),
+          collection: new DCVisit(null, {
+            queryParams: { sgid: route.params.sgid }
+          })
+        }
+    }),
+  },
   {
     path: '/dc/summary/visit/:visit([a-zA-Z]{2}[0-9]+-[0-9]+)',
     name: 'dc-summary',
     component: MarionetteView,
     props: route => ({
         mview: Summary,
+        fetchOnLoad: true,
         visit: route.params.visit || '',
         options: {
           model: visitModel,
diff --git a/client/src/js/modules/dc/views/summary.js b/client/src/js/modules/dc/views/summary.js
index 70693afd6..2ae4e650d 100644
--- a/client/src/js/modules/dc/views/summary.js
+++ b/client/src/js/modules/dc/views/summary.js
@@ -7,6 +7,9 @@ define(['backbone',
     'utils/kvcollection',
     'collections/spacegroups',
     'collections/processingpipelines',
+    'collections/visits',
+    'modules/shipment/collections/distinctproteins',
+    'collections/samplegroups',
     'templates/dc/summary.html'], 
     function(Backbone, Marionette, Backgrid, TableView,
         utils,
@@ -14,6 +17,9 @@ define(['backbone',
         KVCollection,
         Spacegroups,
         ProcessingPipelines,
+        Visits,
+        DistinctProteins,
+        SampleGroups,
         template) {
 
     var Pipelines = Backbone.Collection.extend(_.extend({
@@ -28,6 +34,8 @@ define(['backbone',
         templateHelpers: function() {
             return {
                 APIURL: app.apiurl,
+                PROTEINID: this.protein,
+                SAMPLEGROUPID: this.group,
             }
         },
 
@@ -38,6 +46,10 @@ define(['backbone',
         events: {
             'click a.dll': utils.signHandler,
             'click a.csv': 'downloadCSV',
+            'change @ui.typeselect': 'changeType',
+            'change @ui.visitselect': 'changeVisit',
+            'change @ui.proteinselect': 'changeProtein',
+            'change @ui.groupselect': 'changeGroup',
             'change @ui.pipeline': 'changePipeline',
             'change @ui.sg': 'changeSpaceGroup',
             'change @ui.minres': 'changeResolution',
@@ -50,6 +62,10 @@ define(['backbone',
         },
         
         ui: {
+            typeselect: 'select[name=type-select]',
+            visitselect: 'select[name=visit-select]',
+            proteinselect: 'select[name=protein-select]',
+            groupselect: 'select[name=group-select]',
             pipeline: 'select[name=pipeline]',
             sg: 'select[name=SG]',
             minres: 'input[name=minres]',
@@ -62,7 +78,83 @@ define(['backbone',
         },
         
         initialize: function(options) {
-            this.visit = options.model.get('VISIT')
+            this.visit = options.collection.queryParams.visit
+            this.protein = options.collection.queryParams.pid
+            this.group = options.collection.queryParams.sgid
+            this.visits = null
+            this.proteins = null
+            this.groups = null
+        },
+
+        setType: function() {
+            if (this.visit) this.ui.typeselect.val('visit')
+            if (this.protein) this.ui.typeselect.val('protein')
+            if (this.group) this.ui.typeselect.val('group')
+            this.changeType()
+        },
+
+        changeType: function() {
+            if (this.ui.typeselect.val() == 'visit') {
+                this.ui.visitselect.show()
+                this.ui.proteinselect.hide()
+                this.ui.groupselect.hide()
+                if (!this.visits) {
+                    this.visits = new Visits(null, { state: { pageSize: 9999 } })
+                    this.visits.queryParams.notnull = 1
+                    this.visits.fetch().done(this.updateVisits.bind(this))
+                }
+            } else if (this.ui.typeselect.val() == 'protein') {
+                this.ui.visitselect.hide()
+                this.ui.proteinselect.show()
+                this.ui.groupselect.hide()
+                if (!this.proteins) {
+                    this.proteins = new DistinctProteins(null, { state: { pageSize: 9999 } })
+                    this.proteins.fetch().done(this.updateProteins.bind(this))
+                }
+            } else {
+                // sample group
+                this.ui.visitselect.hide()
+                this.ui.proteinselect.hide()
+                this.ui.groupselect.show()
+                if (!this.groups) {
+                    this.groups = new SampleGroups(null, { state: { pageSize: 9999 } })
+                    this.groups.queryParams.groupSamplesType = 'BLSAMPLEGROUPID'
+                    this.groups.fetch().done(this.updateGroups.bind(this))
+                }
+            }
+        },
+
+        changeVisit: function() {
+            const selectedModel = this.visits.findWhere({ SESSIONID: this.ui.visitselect.val() });
+            if (selectedModel) {
+                app.trigger('visitsummary:show', selectedModel.get('VISIT'));
+            }
+        },
+
+        changeProtein: function() {
+            app.trigger('proteinsummary:show', this.ui.proteinselect.val());
+        },
+
+        changeGroup: function() {
+            app.trigger('groupsummary:show', this.ui.groupselect.val());
+        },
+
+        updateVisits: function() {
+            this.ui.visitselect.html('<option value=""> - </option>'+this.visits.opts())
+            const model = this.visits.findWhere({ VISIT: this.visit })
+            if (model) {
+                this.ui.visitselect.val(model.get('SESSIONID'))
+            }
+        },
+
+        updateProteins: function() {
+            this.ui.proteinselect.html('<option value=""> - </option>'+this.proteins.opts())
+            this.ui.proteinselect.val(this.protein)
+        },
+
+        updateGroups: function() {
+            this.ui.groupselect.html('<option value=""> - </option>'+this.groups.opts())
+            this.ui.groupselect.val(this.group)
         },
 
         downloadCSV: function(e) {
@@ -194,6 +286,7 @@ define(['backbone',
 
         onRender: function() {
             this.showSpaceGroups()
+            this.setType()
 
             this.processing_pipelines = new ProcessingPipelines()
             this.processing_pipelines.fetch({
@@ -204,7 +297,7 @@ define(['backbone',
             }).done(this.updatePipelines.bind(this));
 
             var columns = [
-                { label: '', cell: table.TemplateCell, editable: false, template: '<a href="/dc/visit/'+this.visit+'/id/<%-ID%>" class="button button-notext"><i class="fa fa-search"></i> <span>View Data Collection</span></a>' },
+                { label: '', cell: table.TemplateCell, editable: false, template: '<a href="/dc/visit/<%-VISIT%>/id/<%-ID%>" class="button button-notext"><i class="fa fa-search"></i> <span>View Data Collection</span></a>' },
                 { name: 'PREFIX', label: 'Prefix', cell: 'string', editable: false },
                 { name: 'SAMPLE', label: 'Sample', cell: table.TemplateCell, template: '<a href="/samples/sid/<%-BLSAMPLEID%>"><%-SAMPLE%></a>', editable: false },
                 { name: 'ENERGY', label: 'Energy (eV)', cell: 'string', editable: false },
diff --git a/client/src/js/modules/samples/components/sample-groups.vue b/client/src/js/modules/samples/components/sample-groups.vue
index 6ef9b5ab3..39712d394 100644
--- a/client/src/js/modules/samples/components/sample-groups.vue
+++ b/client/src/js/modules/samples/components/sample-groups.vue
@@ -48,6 +48,7 @@
             <td class="tw-w-2/12 tw-py-1 tw-pr-2">
               <span class="tw-flex tw-w-full tw-justify-end">
                 <button title="View Sample Group" @click="selectSampleGroup(result)" class="button"><i class="fa fa-folder-open"></i> </button>
+                <button title="View Summary" @click="goToSampleGroupSummary(result)" class="button"><i class="fa fa-list"></i> </button>
               </span>
             </td>
           </template>
@@ -236,6 +237,9 @@ export default {
     },
     async goToSampleGroupsDataCollections() {
       await this.$router.push(`/dc/sgid/${this.sampleGroupId}`)
+    },
+    async goToSampleGroupSummary(item) {
+      await this.$router.push(`/dc/summary/group/${item.BLSAMPLEGROUPID}`)
     }
   },
   watch: {
diff --git a/client/src/js/modules/samples/views/proteinlist.js b/client/src/js/modules/samples/views/proteinlist.js
index 01e06b378..1800f7a1c 100644
--- a/client/src/js/modules/samples/views/proteinlist.js
+++ b/client/src/js/modules/samples/views/proteinlist.js
@@ -40,7 +40,11 @@ define(['marionette', 'backgrid', 'views/table', 'views/filter',
             { name: 'SCOUNT', label: 'Samples', cell: 'string', editable: false },
             { name: 'DCOUNT', label: 'Data Collections', cell: 'string', editable: false },
             { name: 'SAFETYLEVEL', label: 'Risk Rating', cell: table.SafetyCell, editable: false },
-            { name: ' ', cell: table.ProjectCell, itemname: 'ACRONYM', itemid: 'PROTEINID', itemtype:'protein', editable: false },
+            { name: ' ', cell: table.ProjectCell, itemname: 'ACRONYM', itemid: 'PROTEINID', itemtype:'protein', editable: false,
+                extraHtml: function(model) {
+                    return ' <a href="/dc/summary/protein/' + model.get('PROTEINID') + '" class="button"><i class="fa fa-list"></i> <span>View Summary</span></a>'
+                }
+            },
         ],
     
         hiddenColumns: [2,3,5],
diff --git a/client/src/js/modules/types/mx/samples/plate-sample-controls.vue b/client/src/js/modules/types/mx/samples/plate-sample-controls.vue
index 7a0de001e..91b786e1e 100644
--- a/client/src/js/modules/types/mx/samples/plate-sample-controls.vue
+++ b/client/src/js/modules/types/mx/samples/plate-sample-controls.vue
@@ -92,6 +92,6 @@ export default {
 </script>
 <style scoped>
 .button {
-  @apply button tw-text-link-color tw-mx-1;
+  @apply tw-text-link-color tw-mx-1;
 }
 </style>
diff --git a/client/src/js/modules/visits/views/visit_list.vue b/client/src/js/modules/visits/views/visit_list.vue
index 81cbf9044..d18edc921 100644
--- a/client/src/js/modules/visits/views/visit_list.vue
+++ b/client/src/js/modules/visits/views/visit_list.vue
@@ -56,8 +56,9 @@
                                     </div>
                                 </div>
                                 <a v-if="value.key == 'LINKS' && visit.DCCOUNT>0" class="button button-notext" title="View Statistics" id="STATS"><i class="fa fa-pie-chart"></i></a>
-                                <a v-if="value.key == 'LINKS' && visit.DCCOUNT>0" class="button button-notext" title="Download PDF Report" id="PDF"><i class="fa fa-list"></i></a>
+                                <a v-if="value.key == 'LINKS' && visit.DCCOUNT>0" class="button button-notext" title="Download PDF Report" id="PDF"><i class="fa fa-file-pdf-o"></i></a>
                                 <a v-if="value.key == 'LINKS' && visit.DCCOUNT>0" class="button button-notext" title="Export Data Collections to CSV" id="CSV"><i class="fa fa-file-o"></i></a>
+                                <a v-if="value.key == 'LINKS' && visit.DCCOUNT>0" class="button button-notext" title="View Summary" id="SUMMARY"><i class="fa fa-list"></i></a>
                                 <span v-if="value.key == 'ERA' && visit.RISKRATING == 'Low'" title="Risk Rating: Low">&#128994;</span>
                                 <span v-else-if="value.key == 'ERA' && visit.RISKRATING == 'Medium'" title="Risk Rating: Medium">&#128993;</span>
                                 <span v-else-if="value.key == 'ERA' && visit.RISKRATING == 'High'" title="Risk Rating: High">&#128308;</span>
@@ -272,6 +273,9 @@ export default {
             else if(event.target.parentElement.id === 'CSV' || event.target.id === 'CSV') {
                 this.signHandler(app.apiurl+'/download/csv/visit/'+visit.VISIT);
             }
+            else if(event.target.parentElement.id === 'SUMMARY' || event.target.id === 'SUMMARY') {
+                window.location.href = '/dc/summary/visit/' + visit.VISIT;
+            }
             else {
                 window.location.href = 'dc/visit/' + this.proposal + '-' + visit.VIS;
             }
diff --git a/client/src/js/templates/dc/dc_strategy.html b/client/src/js/templates/dc/dc_strategy.html
index ea87dcabc..509e8caf6 100644
--- a/client/src/js/templates/dc/dc_strategy.html
+++ b/client/src/js/templates/dc/dc_strategy.html
@@ -2,23 +2,29 @@
 <h2><%-TYPE%></h2>
 
 <%
-    var showUnitCell = CELL && (CELL.SG || CELL.A || CELL.B || CELL.C || CELL.AL || CELL.BE || CELL.GA)
-    var showChi = _.some(STRATS, function(r) {
+    const showUnitCell = CELL && (CELL.SG || CELL.A || CELL.B || CELL.C || CELL.AL || CELL.BE || CELL.GA)
+    const showChi = STRATS.some(function(r) {
         return r.CHI && parseFloat(r.CHI) !== 0
     })
-    var showPhi = _.some(STRATS, function(r) {
+    const showPhi = STRATS.some(function(r) {
         return r.PHI && parseFloat(r.PHI) !== 0
     })
-    var showKappa = _.some(STRATS, function(r) {
+    const showKappa = STRATS.some(function(r) {
         return r.KAPPA && parseFloat(r.KAPPA) !== 0
     })
-    var showRankingRes = _.some(STRATS, function(r) {
+    const showRankingRes = STRATS.some(function(r) {
         return r.RANKRES && parseFloat(r.RANKRES) !== 0
     })
+    const showExposure = STRATS.some(function(r) {
+        return r.TIME && parseFloat(r.TIME) !== 0
+    })
+    const showDose = STRATS.some(function(r) {
+        return r.DOSETOTAL && parseFloat(r.DOSETOTAL) !== 0
+    })
 
-    var displayAxis = "Axis"
+    let displayAxis = "Axis"
     if (STRATS && STRATS.length > 0 && STRATS[0].ROTATIONAXIS) {
-        var raw = STRATS[0].ROTATIONAXIS
+        let raw = STRATS[0].ROTATIONAXIS
         displayAxis = raw.charAt(0).toUpperCase() + raw.slice(1)
     }
 %>
@@ -66,15 +72,25 @@ <h2><%-TYPE%></h2>
             <% if (showKappa) { %> <th>Kappa (°)</th> <% } %>
             <th>Res (&#197;)</th>
             <% if (showRankingRes) { %> <th>Ranking Res (&#197;)</th> <% } %>
-            <th>Rel Trn (%)</th>
-            <th>Abs Trn (%)</th>
-            <th>Exposure (s)</th>
+            <th><% if (showDose) { %> Max <% } %>Transmission (%)</th>
+            <% if (showExposure) { %> <th>Exposure (s)</th> <% } %>
             <th>No. Images</th>
+            <th>Total Rotation (°)</th>
+            <% if (showDose) { %> <th>Dose (MGy)</th> <% } %>
         </tr>
     </thead>
     
-    <% _.each(STRATS, function(r, i) { %>
-    <tr class="stratrow" draggable="true" sid="<%-i%>">
+    <%
+    let highlight = true;
+    let lastId = null;
+
+    STRATS.forEach((r, i) => {
+        if (r.SCREENINGSTRATEGYID !== lastId) {
+            highlight = !highlight;
+            lastId = r.SCREENINGSTRATEGYID;
+        }
+    %>
+    <tr class="stratrow <%= highlight ? 'highlight' : '' %>" draggable="true" sid="<%-i%>">
         <td><%-r.COM%></td>
         <td><%-r.COMMENTS%></td>
         <td><%-r.ST%></td>
@@ -84,10 +100,11 @@ <h2><%-TYPE%></h2>
         <% if (showKappa) { %> <td><%-r.KAPPA%></td> <% } %>
         <td><%-r.RES%></td>
         <% if (showRankingRes) { %> <td><%-r.RANKRES%></td> <% } %>
-        <td><%-r.TRAN%></td>
         <td><%-r.ATRAN%></td>
-        <td><%-r.TIME%></td>
+        <% if (showExposure) { %> <td><%-r.TIME%></td> <% } %>
         <td><%-r.NIMG%></td>
+        <td><%-r.ROTATION%></td>
+        <% if (showDose) { %> <td><%-r.DOSETOTAL%></td> <% } %>
     </tr>
     <% }) %>
 </table>
diff --git a/client/src/js/templates/dc/imageviewer.html b/client/src/js/templates/dc/imageviewer.html
index 73a28e99b..8d9de2629 100644
--- a/client/src/js/templates/dc/imageviewer.html
+++ b/client/src/js/templates/dc/imageviewer.html
@@ -21,7 +21,7 @@ <h1 class="no_mobile"><span class="visit"><%-VIS_LINK%>: </span><%-DIR%><%-FILET
 <!-- With tailwind we can change the order of rendering (forwards, reverse, order-'n' etc.) -->
 <!-- We use row-reverse here because its similar to the original page structure -->
 <div class="tw-flex tw-flex-row-reverse tw-border tw-mt-2 tw-mb-2 tw-px-2">
-    <div class="tw-items-center tw-flex tw-flex-grow">
+    <div class="tw-items-center tw-flex tw-grow">
         <div class="tw-flex tw-flex-col tw-w-full">
             <!-- Row of sliders -->
             <div class="tw-flex tw-flex-row tw-p-1">
@@ -66,7 +66,7 @@ <h1 class="no_mobile"><span class="visit"><%-VIS_LINK%>: </span><%-DIR%><%-FILET
     <div class="tw-items-stretch tw-flex tw-flex-col tw-text-xs tw-py-4">
         <div class="tw-items-center">
             <button class="button submit" name="prev" title="Load previous image">&lt;</button>
-            <input class="tw-border tw-rounded tw-w-1/4 tw-text-right focus:tw-outline-none focus:tw-shadow-outline py-2 m-0" size="6" name="num" value="1" title="Load the image with this number" />/<%-NI%>
+            <input class="tw-border tw-rounded tw-w-1/4 tw-text-right focus:tw-outline-none focus:tw-ring py-2 m-0" size="6" name="num" value="1" title="Load the image with this number" />/<%-NI%>
             <button class="button submit" name="next" title="Load next image">&gt;</button>
         </div>
     </div>
diff --git a/client/src/js/templates/dc/summary.html b/client/src/js/templates/dc/summary.html
index 18626ac34..e6466a652 100644
--- a/client/src/js/templates/dc/summary.html
+++ b/client/src/js/templates/dc/summary.html
@@ -1,10 +1,32 @@
-<h1 class="no_mobile">Data Collection Summary</h1>
+<div class="content header-row">
+  <h1 class="no_mobile nou no-grow">Data Collection Summary for </h1>
+  <select name="type-select" class="xl">
+    <option value="visit">Visit</option>
+    <option value="protein">Protein</option>
+    <option value="group">Sample Group</option>
+  </select>
+  <select name="visit-select" class="xl"></select>
+  <select name="protein-select" class="xl"></select>
+  <select name="group-select" class="xl"></select>
+</div>
 
 <div class="options data_collection">
+    <% if (typeof VISIT !== 'undefined' && VISIT) { %>
     <div class="r">
         <a href="/dc/visit/<%-VISIT%>" class="button"><i class="fa fa-search"></i> All Data Collections</a>
-        <a href="<%-APIURL%>/processing/visit/<%-VISIT%>/csv/1" class="button csv"><i class="fa fa-file-o"></i> Download CSV</a>
+        <a href="<%-APIURL%>/processing/summary/visit/<%-VISIT%>/csv/1" class="button csv"><i class="fa fa-file-o"></i> Download CSV</a>
+    </div>
+    <% } else if (typeof PROTEINID !== 'undefined' && PROTEINID) { %>
+    <div class="r">
+        <a href="/proteins/pid/<%-PROTEINID%>" class="button"><i class="fa fa-search"></i> View Protein</a>
+        <a href="<%-APIURL%>/processing/summary/protein/<%-PROTEINID%>/csv/1" class="button csv"><i class="fa fa-file-o"></i> Download CSV</a>
+    </div>
+    <% } else if (typeof SAMPLEGROUPID !== 'undefined' && SAMPLEGROUPID) { %>
+    <div class="r">
+        <a href="/samples/groups" class="button"><i class="fa fa-search"></i> View Sample Groups</a>
+        <a href="<%-APIURL%>/processing/summary/group/<%-SAMPLEGROUPID%>/csv/1" class="button csv"><i class="fa fa-file-o"></i> Download CSV</a>
     </div>
+    <% } %>
 
     <label>Pipeline: <select name="pipeline"></select></label>
     <label>Spacegroup: <select name="SG"></select></label>
diff --git a/client/src/js/templates/samples/protein.html b/client/src/js/templates/samples/protein.html
index 00c779540..7ac09630e 100644
--- a/client/src/js/templates/samples/protein.html
+++ b/client/src/js/templates/samples/protein.html
@@ -6,6 +6,7 @@ <h1 data-testid="protein-header">View Protein</h1>
 <% if (EXTERNAL == 1) { %>
     <a class="button" data-testid="clone-protein" href="/proteins/pid/<%-PROTEINID%>/clone">Clone Protein</a>
 <% } %>
+<a class="button" data-testid="protein-summary" href="/dc/summary/protein/<%-PROTEINID%>">View Summary</a>
 
 <div class="form">
     <ul>
diff --git a/client/src/js/utils/table.js b/client/src/js/utils/table.js
index b8661bb0b..82a034f90 100644
--- a/client/src/js/utils/table.js
+++ b/client/src/js/utils/table.js
@@ -171,7 +171,12 @@ define(['marionette', 'backgrid',
             },
               
             render: function() {
-              this.$el.append('<a class="button atp"><i class="fa fa-book"></i> <span class="tw-hidden lg:tw-inline">Add to Project</span></a>')
+              let html = '<a class="button atp"><i class="fa fa-book"></i> <span class="tw-hidden lg:tw-inline">Add to Project</span></a>'
+              const extraHtmlConfig = this.column.get('extraHtml')
+              if (typeof extraHtmlConfig === 'function') {
+                html += extraHtmlConfig(this.model)
+              }
+              this.$el.append(html)
               return this
             }
         }),
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index c050e21e8..e4f6143aa 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -3,33 +3,20 @@ module.exports = {
   Tailwind can remove some of its generated classes
   We are using purgecss as well but this still helps
   */
-  purge: {
-    content: [
-      './src/**/*.html',
-      './src/**/*.vue',
-    ],
-    options: {
-      whitelist: [
-        'tw-bg-auto-integrated',
-        'tw-bg-data-collected',
-        'tw-bg-auto-indexed',
-        'tw-bg-screened',
-        'tw-bg-grid-scanned',
-        'tw-bg-loaded-by-robot'
-      ]
-    }
-  },
-  future: {
-    purgeLayersByDefault: true,
-    removeDeprecatedGapUtilities: true,
-  },
+  content: [
+    './src/**/*.html',
+    './src/**/*.vue',
+  ],
+  safelist: [
+    'tw-bg-auto-integrated',
+    'tw-bg-data-collected',
+    'tw-bg-auto-indexed',
+    'tw-bg-screened',
+    'tw-bg-grid-scanned',
+    'tw-bg-loaded-by-robot'
+  ],
   // Adding a prefix so its clear where we are overriding styles
   prefix: 'tw-',
-  variants: {
-    overflow: ['responsive', 'hover', 'focus'],
-    height: ['responsive', 'hover', 'focus'],
-    position: ['responsive', 'hover', 'focus']
-  },
   theme: {
     extend: {
       fontFamily: {
@@ -79,6 +66,17 @@ module.exports = {
       Currently using sass variables via postcss-simple-vars plugin as well.
       */
       colors: {
+        gray: {
+          100: '#f7fafc',
+          200: '#edf2f7',
+          300: '#e2e8f0',
+          400: '#cbd5e0',  // v1 value
+          500: '#a0aec0',
+          600: '#718096',
+          700: '#4a5568',
+          800: '#2d3748',
+          900: '#1a202c',
+        },
         'link-color': '#666666',
         'link-hover-color': '#222222',
 //Sidebar
@@ -172,17 +170,17 @@ module.exports = {
         'sample-group-added-dark': '#e6daae',
 // Data Collections messages color
         'info-color': {
-          default: '#00ff00',
+          DEFAULT: '#00ff00',
           lighter: '#ccffcc',
           darker: '#003300'
         },
         'alert-color': {
-          default: '#ffa500',
+          DEFAULT: '#ffa500',
           lighter: '#ffb733',
           darker: '#332100'
         },
         'warning-color': {
-          default: '#ff0000',
+          DEFAULT: '#ff0000',
           lighter: '#ff4d4d',
           darker: '#330000'
         },