diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index f6978f74..8d8e40ee 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -1,34 +1,28 @@
 name: CI
 on:
   pull_request:
-    # types: [opened, synchronize]
-    # TODO: why is this here?
   push:
     branches:
       - "main"
 permissions:
   contents: read
 jobs:
-  lint-node:
-    strategy:
-      fail-fast: false
-      matrix:
-        linter: [eslint, typescript]
-    name: Lint [${{ matrix.linter }}]
+  lint-client:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
         uses: actions/checkout@v6
-      - name: Setup Node environment
+      - name: Install npm
         uses: actions/setup-node@v6
         with:
+          node-version: 24.14.0
           cache: npm
           cache-dependency-path: client/package-lock.json
       - name: Install packages
         run: npm ci
         working-directory: client
-      - name: Run ${{ matrix.linter }}
-        run: npm run lint:${{ matrix.linter }}
+      - name: Run client tests
+        run: npm run test
         working-directory: client
   test-python:
     name: Test Python
diff --git a/client/src/vite-env.d.ts b/client/env.d.ts
similarity index 100%
rename from client/src/vite-env.d.ts
rename to client/env.d.ts
diff --git a/client/package-lock.json b/client/package-lock.json
index b3cc7e20..c2187b55 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -26,12 +26,16 @@
       },
       "devDependencies": {
         "@sentry/vite-plugin": "5.1.1",
+        "@tsconfig/node24": "^24.0.4",
         "@types/geojson": "7946.0.16",
         "@types/lodash": "4.17.24",
+        "@types/node": "^25.5.0",
         "@vitejs/plugin-vue": "6.0.5",
         "@vue/eslint-config-typescript": "14.7.0",
+        "@vue/tsconfig": "^0.9.0",
         "eslint": "10.1.0",
         "eslint-plugin-vue": "10.8.0",
+        "npm-run-all2": "^8.0.4",
         "sass-embedded": "1.98.0",
         "typescript": "5.9.3",
         "vite": "8.0.3",
@@ -3400,6 +3404,13 @@
         }
       }
     },
+    "node_modules/@tsconfig/node24": {
+      "version": "24.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node24/-/node24-24.0.4.tgz",
+      "integrity": "sha512-2A933l5P5oCbv6qSxHs7ckKwobs8BDAe9SJ/Xr2Hy+nDlwmLE1GhFh/g/vXGRZWgxBg9nX/5piDtHR9Dkw/XuA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@tybys/wasm-util": {
       "version": "0.10.1",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
@@ -3723,8 +3734,8 @@
       "version": "25.5.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.0.tgz",
       "integrity": "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==",
+      "devOptional": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "undici-types": "~7.18.0"
       }
@@ -4258,6 +4269,25 @@
       "integrity": "sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==",
       "license": "MIT"
     },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.9.1.tgz",
+      "integrity": "sha512-buvjm+9NzLCJL29KY1j1991YYJ5e6275OiK+G4jtmfIb+z4POywbdm0wXusT9adVWqe0xqg70TbI7+mRx4uU9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 5.8",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vuetify/loader-shared": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-2.1.2.tgz",
@@ -4331,6 +4361,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -6418,6 +6461,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz",
+      "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -6869,6 +6922,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/memorystream": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+      "integrity": "sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7129,6 +7191,69 @@
       "devOptional": true,
       "license": "MIT"
     },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+      "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-run-all2": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/npm-run-all2/-/npm-run-all2-8.0.4.tgz",
+      "integrity": "sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "cross-spawn": "^7.0.6",
+        "memorystream": "^0.3.1",
+        "picomatch": "^4.0.2",
+        "pidtree": "^0.6.0",
+        "read-package-json-fast": "^4.0.0",
+        "shell-quote": "^1.7.3",
+        "which": "^5.0.0"
+      },
+      "bin": {
+        "npm-run-all": "bin/npm-run-all/index.js",
+        "npm-run-all2": "bin/npm-run-all/index.js",
+        "run-p": "bin/run-p/index.js",
+        "run-s": "bin/run-s/index.js"
+      },
+      "engines": {
+        "node": "^20.5.0 || >=22.0.0",
+        "npm": ">= 10"
+      }
+    },
+    "node_modules/npm-run-all2/node_modules/isexe": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/npm-run-all2/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
     "node_modules/nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
@@ -7340,6 +7465,19 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/pkg-types": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
@@ -7567,6 +7705,20 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/read-package-json-fast": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-4.0.0.tgz",
+      "integrity": "sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "json-parse-even-better-errors": "^4.0.0",
+        "npm-normalize-package-bin": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
@@ -8267,6 +8419,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/shelljs": {
       "version": "0.8.5",
       "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz",
@@ -8638,8 +8803,8 @@
       "version": "7.18.2",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
       "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
-      "license": "MIT",
-      "optional": true
+      "devOptional": true,
+      "license": "MIT"
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.1",
diff --git a/client/package.json b/client/package.json
index 5378adec..1ddf0a64 100644
--- a/client/package.json
+++ b/client/package.json
@@ -5,12 +5,12 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
     "preview": "vite preview",
+    "build": "vite build",
     "format": "eslint --fix src",
-    "lint:eslint": "eslint src",
-    "lint": "eslint src && vue-tsc --noEmit",
-    "lint:typescript": "vue-tsc --noEmit"
+    "test:lint": "eslint --no-fix src",
+    "test:type": "vue-tsc --build",
+    "test": "npm-run-all test:lint test:type"
   },
   "dependencies": {
     "@jamescoyle/vue-icon": "0.1.2",
@@ -31,12 +31,16 @@
   },
   "devDependencies": {
     "@sentry/vite-plugin": "5.1.1",
+    "@tsconfig/node24": "^24.0.4",
     "@types/geojson": "7946.0.16",
     "@types/lodash": "4.17.24",
+    "@types/node": "^25.5.0",
     "@vitejs/plugin-vue": "6.0.5",
     "@vue/eslint-config-typescript": "14.7.0",
+    "@vue/tsconfig": "^0.9.0",
     "eslint": "10.1.0",
     "eslint-plugin-vue": "10.8.0",
+    "npm-run-all2": "^8.0.4",
     "sass-embedded": "1.98.0",
     "typescript": "5.9.3",
     "vite": "8.0.3",
diff --git a/client/src/api/NABatApi.ts b/client/src/api/NABatApi.ts
index 3469d5fd..ef85423b 100644
--- a/client/src/api/NABatApi.ts
+++ b/client/src/api/NABatApi.ts
@@ -1,4 +1,4 @@
-import { axiosInstance, FileAnnotation, FileAnnotationDetails, ProcessingTask, Spectrogram, UpdateFileAnnotation } from "./api";
+import { axiosInstance, type FileAnnotation, type FileAnnotationDetails, type ProcessingTask, type Spectrogram, type UpdateFileAnnotation } from "./api";
 
 export interface NABatRecordingCompleteResponse {
     error?: string;
diff --git a/client/src/api/api.ts b/client/src/api/api.ts
index 2c65fd4f..100da053 100644
--- a/client/src/api/api.ts
+++ b/client/src/api/api.ts
@@ -1,6 +1,6 @@
 import axios from "axios";
 import { AxiosError } from "axios";
-import { SpectroInfo } from "@components/geoJS/geoJSUtils";
+import type { SpectroInfo } from "@components/geoJS/geoJSUtils";
 import type { FeatureCollection, Point } from "geojson";
 
 export interface Recording {
diff --git a/client/src/components/AnnotationEditor.vue b/client/src/components/AnnotationEditor.vue
index 44c39dfe..2daa22f4 100644
--- a/client/src/components/AnnotationEditor.vue
+++ b/client/src/components/AnnotationEditor.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, ref, Ref, watch } from "vue";
-import { SpectroInfo } from './geoJS/geoJSUtils';
-import { deleteAnnotation, deleteSequenceAnnotation, patchAnnotation, patchSequenceAnnotation, Species, SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../api/api";
+import { computed, defineComponent, type PropType, ref, type Ref, watch } from "vue";
+import type { SpectroInfo } from './geoJS/geoJSUtils';
+import { deleteAnnotation, deleteSequenceAnnotation, patchAnnotation, patchSequenceAnnotation, type Species, type SpectrogramAnnotation, type SpectrogramSequenceAnnotation } from "../api/api";
 import useState from "@use/useState";
 import SpeciesInfo from "./SpeciesInfo.vue";
 export default defineComponent({
diff --git a/client/src/components/AnnotationList.vue b/client/src/components/AnnotationList.vue
index daa606ad..b7d66df6 100644
--- a/client/src/components/AnnotationList.vue
+++ b/client/src/components/AnnotationList.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, CSSProperties } from "vue";
-import { SpectroInfo } from './geoJS/geoJSUtils';
+import { computed, defineComponent, type PropType, type CSSProperties } from "vue";
+import type { SpectroInfo } from './geoJS/geoJSUtils';
 import useState from "@use/useState";
 import { watch, ref } from "vue";
 import AnnotationEditor from "./AnnotationEditor.vue";
-import { Species, SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../api/api";
+import type { Species, SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../api/api";
 import RecordingAnnotations from "./RecordingAnnotations.vue";
 export default defineComponent({
   name: "AnnotationList",
diff --git a/client/src/components/BatchRecordingElement.vue b/client/src/components/BatchRecordingElement.vue
index 3ac9a8fb..512d081a 100644
--- a/client/src/components/BatchRecordingElement.vue
+++ b/client/src/components/BatchRecordingElement.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, ref, Ref, watch } from "vue";
+import { computed, defineComponent, type PropType, ref, type Ref, watch } from "vue";
 import { RecordingMimeTypes } from "../constants";
 import { getCellLocation, getCellfromLocation, getGuanoMetadata } from "../api/api";
 import MapLocation from "./MapLocation.vue";
diff --git a/client/src/components/BatchUploadRecording.vue b/client/src/components/BatchUploadRecording.vue
index 40c15e5b..55db9796 100644
--- a/client/src/components/BatchUploadRecording.vue
+++ b/client/src/components/BatchUploadRecording.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import { computed, defineComponent, ref, Ref, watch } from 'vue';
+import { computed, defineComponent, ref, type Ref, watch } from 'vue';
 import { RecordingMimeTypes } from '../constants';
 import useRequest from '@use/useRequest';
-import { UploadLocation, uploadRecordingFile, getCellLocation, RecordingFileParameters, getGuanoMetadata } from '../api/api';
-import BatchRecordingElement, { BatchRecording } from './BatchRecordingElement.vue';
+import { type UploadLocation, uploadRecordingFile, getCellLocation, type RecordingFileParameters, getGuanoMetadata } from '../api/api';
+import BatchRecordingElement, { type BatchRecording } from './BatchRecordingElement.vue';
 import { cloneDeep } from 'lodash';
 import { extractDateTimeComponents, getCurrentTime } from '@use/useUtils';
 import useState from '@use/useState';
diff --git a/client/src/components/ColorSchemeDialog.vue b/client/src/components/ColorSchemeDialog.vue
index fcc764f3..e24325fb 100644
--- a/client/src/components/ColorSchemeDialog.vue
+++ b/client/src/components/ColorSchemeDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, watch, PropType } from 'vue';
+import { onMounted, watch, type PropType } from 'vue';
 import useState from '@use/useState';
 import ColorSchemeSelect from './ColorSchemeSelect.vue';
 import ColorPickerMenu from './ColorPickerMenu.vue';
diff --git a/client/src/components/MapLocation.vue b/client/src/components/MapLocation.vue
index 6e512096..f2bc9267 100644
--- a/client/src/components/MapLocation.vue
+++ b/client/src/components/MapLocation.vue
@@ -1,9 +1,9 @@
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts">
-import { defineComponent, PropType, Ref, ref, onMounted } from "vue";
+import { defineComponent, type PropType, type Ref, ref, onMounted } from "vue";
 import { watch } from "vue";
 import { getCellBbox } from "@api/api";
-import geo, { GeoEvent } from "geojs";
+import geo, { type GeoEvent } from "geojs";
 
 export default defineComponent({
   name: "MapLocation",
diff --git a/client/src/components/NABat/NABatAdminBrowser.vue b/client/src/components/NABat/NABatAdminBrowser.vue
index 81cf3875..8f7f533f 100644
--- a/client/src/components/NABat/NABatAdminBrowser.vue
+++ b/client/src/components/NABat/NABatAdminBrowser.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, ref, onMounted, Ref } from 'vue';
+import { defineComponent, ref, onMounted, type Ref } from 'vue';
 import { useRouter } from 'vue-router';
 import MapLocation from '@components/MapLocation.vue';
 import {
@@ -8,10 +8,10 @@ import {
   exportNABatAnnotations,
   type RecordingListItem,
   type Annotation,
-  AnnotationExportRequest,
+  type AnnotationExportRequest,
 } from '@api/NABatApi';
 import Exporting from '../Exporting.vue';
-import { SortItem } from 'vuetify/lib/components/VDataTable/composables/sort';
+import type { DataTableSortItem } from 'vuetify';
 
 export default defineComponent({
   name: 'NABatAdminBrowser',
@@ -27,8 +27,8 @@ export default defineComponent({
     const totalAnnotations = ref<number>(0);
     const selectedRecordingId = ref<number | null>(null);
     const loading = ref(false);
-    const sortBy = ref<SortItem[]>([{ key: 'created', order: 'desc' }]);
-    const sortByAnnotations = ref<SortItem[]>([{ key: 'created', order: 'desc' }]);
+    const sortBy = ref<DataTableSortItem[]>([{ key: 'created', order: 'desc' }]);
+    const sortByAnnotations = ref<DataTableSortItem[]>([{ key: 'created', order: 'desc' }]);
 
     const filters = ref<{
       recording_id?: number;
@@ -152,7 +152,7 @@ export default defineComponent({
 
     onMounted(() => fetchRecordings({ page: 1, itemsPerPage: 50 }));
 
-    const sortByUpdate = (newSort?: SortItem[]) => {
+    const sortByUpdate = (newSort?: DataTableSortItem[]) => {
       if (newSort) {
         sortBy.value = newSort;
       } else {
@@ -160,7 +160,7 @@ export default defineComponent({
       }
     };
 
-    const sortByUpdateAnnotations = (newSort?: SortItem[]) => {
+    const sortByUpdateAnnotations = (newSort?: DataTableSortItem[]) => {
       if (newSort) {
         sortByAnnotations.value = newSort;
       } else {
diff --git a/client/src/components/OtherUserAnnotationsDialog.vue b/client/src/components/OtherUserAnnotationsDialog.vue
index fa0be581..fadd1d02 100644
--- a/client/src/components/OtherUserAnnotationsDialog.vue
+++ b/client/src/components/OtherUserAnnotationsDialog.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, Ref, watch } from 'vue';
-import { ScaleOrdinal } from 'd3';
+import { ref, type Ref, watch } from 'vue';
+import type { ScaleOrdinal } from 'd3';
 import useState from '@use/useState';
 
 const props = defineProps<{
diff --git a/client/src/components/PulseMetadataTooltip.vue b/client/src/components/PulseMetadataTooltip.vue
index 06935af6..5e6047ab 100644
--- a/client/src/components/PulseMetadataTooltip.vue
+++ b/client/src/components/PulseMetadataTooltip.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, nextTick, PropType, ref, watch } from "vue";
+import { defineComponent, nextTick, type PropType, ref, watch } from "vue";
 import type { PulseMetadataTooltipData } from "./geoJS/layers/pulseMetadataLayer";
 
 const MIN_WIDTH = 180;
diff --git a/client/src/components/RecordingAnnotationDetails.vue b/client/src/components/RecordingAnnotationDetails.vue
index bb7bd581..e4d6be07 100644
--- a/client/src/components/RecordingAnnotationDetails.vue
+++ b/client/src/components/RecordingAnnotationDetails.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { defineComponent, ref, onMounted, PropType } from 'vue';
-import { FileAnnotationDetails, getFileAnnotationDetails } from '../api/api';
+import { defineComponent, ref, onMounted, type PropType } from 'vue';
+import { type FileAnnotationDetails, getFileAnnotationDetails } from '../api/api';
 import { getNABatFileAnnotationDetails } from '../api/NABatApi';
 
 export default defineComponent({
diff --git a/client/src/components/RecordingAnnotationEditor.vue b/client/src/components/RecordingAnnotationEditor.vue
index 194c4897..1a77cea4 100644
--- a/client/src/components/RecordingAnnotationEditor.vue
+++ b/client/src/components/RecordingAnnotationEditor.vue
@@ -1,12 +1,12 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, ref, Ref, watch } from "vue";
-import { SpectroInfo } from './geoJS/geoJSUtils';
+import { computed, defineComponent, type PropType, ref, type Ref, watch } from "vue";
+import type { SpectroInfo } from './geoJS/geoJSUtils';
 import {
   deleteFileAnnotation,
-  FileAnnotation,
+  type FileAnnotation,
   patchFileAnnotation,
-  Species,
-  UpdateFileAnnotation,
+  type Species,
+  type UpdateFileAnnotation,
   submitFileAnnotation,
 } from "../api/api";
 import { deleteNABatFileAnnotation, patchNABatFileAnnotationLocal } from "../api/NABatApi";
diff --git a/client/src/components/RecordingAnnotationSummary.vue b/client/src/components/RecordingAnnotationSummary.vue
index eaec45e7..cd52eb57 100644
--- a/client/src/components/RecordingAnnotationSummary.vue
+++ b/client/src/components/RecordingAnnotationSummary.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
-import { FileAnnotation } from "../api/api";
+import { defineComponent, type PropType } from "vue";
+import type { FileAnnotation } from "../api/api";
 export default defineComponent({
   name: "AnnotationList",
   components: {
diff --git a/client/src/components/RecordingAnnotations.vue b/client/src/components/RecordingAnnotations.vue
index 31d7eae1..42fe2241 100644
--- a/client/src/components/RecordingAnnotations.vue
+++ b/client/src/components/RecordingAnnotations.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { computed, defineComponent, onMounted, PropType, Ref, watch } from "vue";
+import { computed, defineComponent, onMounted, type PropType, type Ref, watch } from "vue";
 import { ref } from "vue";
-import { FileAnnotation, getFileAnnotations, putFileAnnotation, Species, UpdateFileAnnotation } from "@api/api";
+import { type FileAnnotation, getFileAnnotations, putFileAnnotation, type Species, type UpdateFileAnnotation } from "@api/api";
 import RecordingAnnotationEditor from "./RecordingAnnotationEditor.vue";
 import { getNABatRecordingFileAnnotations, putNABatFileAnnotation } from "@api/NABatApi";
 import RecordingAnnotationDetails from "./RecordingAnnotationDetails.vue";
diff --git a/client/src/components/RecordingInfoDialog.vue b/client/src/components/RecordingInfoDialog.vue
index 399ca291..9b00df72 100644
--- a/client/src/components/RecordingInfoDialog.vue
+++ b/client/src/components/RecordingInfoDialog.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { defineComponent, onMounted, ref, Ref, watch, PropType } from 'vue';
-import { getRecording, Recording } from '../api/api';
+import { defineComponent, onMounted, ref, type Ref, watch, type PropType } from 'vue';
+import { getRecording, type Recording } from '../api/api';
 import useState from '@use/useState';
 import RecordingInfoDisplay from './RecordingInfoDisplay.vue';
 
diff --git a/client/src/components/RecordingInfoDisplay.vue b/client/src/components/RecordingInfoDisplay.vue
index bdb51fc7..05a6f23d 100644
--- a/client/src/components/RecordingInfoDisplay.vue
+++ b/client/src/components/RecordingInfoDisplay.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-import { Recording } from '../api/api';
+import { computed, defineComponent, type PropType } from 'vue';
+import type { Recording } from '../api/api';
 import MapLocation from './MapLocation.vue';
 
 
diff --git a/client/src/components/RecordingList.vue b/client/src/components/RecordingList.vue
index d7e3511e..e059019f 100644
--- a/client/src/components/RecordingList.vue
+++ b/client/src/components/RecordingList.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import { defineComponent, ref, Ref, onMounted, computed, watch, CSSProperties } from 'vue';
-import { FileAnnotation, getRecordings, Recording, Species, type RecordingListParams } from '../api/api';
+import { defineComponent, ref, type Ref, onMounted, computed, watch, type CSSProperties } from 'vue';
+import { type FileAnnotation, getRecordings, type Recording, type Species, type RecordingListParams } from '../api/api';
 import useState from '@use/useState';
-import  { EditingRecording } from './UploadRecording.vue';
+import  { type EditingRecording } from './UploadRecording.vue';
 
 export default defineComponent({
   setup() {
diff --git a/client/src/components/SequenceList.vue b/client/src/components/SequenceList.vue
index ebdd1d9d..6fe58366 100644
--- a/client/src/components/SequenceList.vue
+++ b/client/src/components/SequenceList.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
-import { SpectroInfo } from './geoJS/geoJSUtils';
-import { SpectrogramSequenceAnnotation } from "../api/api";
+import { defineComponent, type PropType } from "vue";
+import type { SpectroInfo } from './geoJS/geoJSUtils';
+import type { SpectrogramSequenceAnnotation } from "../api/api";
 import useState from "@use/useState";
 import { watch } from "vue";
 
diff --git a/client/src/components/SingleSpecieEditor.vue b/client/src/components/SingleSpecieEditor.vue
index 529dd35e..65f20677 100644
--- a/client/src/components/SingleSpecieEditor.vue
+++ b/client/src/components/SingleSpecieEditor.vue
@@ -1,15 +1,15 @@
 <script lang="ts">
 import {
   defineComponent,
-  PropType,
+  type PropType,
   computed,
   ref,
   watch,
-  Ref,
+  type Ref,
   onMounted,
   onUnmounted,
 } from "vue";
-import { Species } from "@api/api";
+import type { Species } from "@api/api";
 import SingleSpecieInfo from "./SingleSpecieInfo.vue";
 
 export default defineComponent({
diff --git a/client/src/components/SingleSpecieInfo.vue b/client/src/components/SingleSpecieInfo.vue
index 161cba40..6eb9a7e8 100644
--- a/client/src/components/SingleSpecieInfo.vue
+++ b/client/src/components/SingleSpecieInfo.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, ref, watch } from "vue";
-import { Species } from "../api/api";
+import { computed, defineComponent, type PropType, ref, watch } from "vue";
+import type { Species } from "../api/api";
 import { cloneDeep } from "lodash";
 
 export default defineComponent({
diff --git a/client/src/components/SpeciesEditor.vue b/client/src/components/SpeciesEditor.vue
index 8447b21c..6f168b42 100644
--- a/client/src/components/SpeciesEditor.vue
+++ b/client/src/components/SpeciesEditor.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { defineComponent, PropType, ref, watch } from "vue";
-import { Species } from "@api/api";
+import { defineComponent, type PropType, ref, watch } from "vue";
+import type { Species } from "@api/api";
 import SingleSpecieEditor from "./SingleSpecieEditor.vue";
 
 export default defineComponent({
diff --git a/client/src/components/SpeciesInfo.vue b/client/src/components/SpeciesInfo.vue
index 2e79bbde..644f9cb6 100644
--- a/client/src/components/SpeciesInfo.vue
+++ b/client/src/components/SpeciesInfo.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { computed, defineComponent, PropType, ref, watch } from "vue";
-import { Species } from "../api/api";
+import { computed, defineComponent, type PropType, ref, watch } from "vue";
+import type { Species } from "../api/api";
 import { cloneDeep } from "lodash";
 
 function arraysEqual(a: string[], b: string[]): boolean {
diff --git a/client/src/components/SpeciesNABatSave.vue b/client/src/components/SpeciesNABatSave.vue
index 79e83a56..4a5b7d6c 100644
--- a/client/src/components/SpeciesNABatSave.vue
+++ b/client/src/components/SpeciesNABatSave.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { defineComponent, PropType, ref, computed } from 'vue';
-import { FileAnnotation, Species, UpdateFileAnnotation } from '@api/api';
+import { defineComponent, type PropType, ref, computed } from 'vue';
+import type { FileAnnotation, Species, UpdateFileAnnotation } from '@api/api';
 import { pushNABatFileAnnotationToNABat } from '../api/NABatApi';
 
 export default defineComponent({
diff --git a/client/src/components/SpectrogramViewer.vue b/client/src/components/SpectrogramViewer.vue
index b7b17234..b848b365 100644
--- a/client/src/components/SpectrogramViewer.vue
+++ b/client/src/components/SpectrogramViewer.vue
@@ -1,18 +1,18 @@
 <script lang="ts">
-import { computed, defineComponent, onMounted, onUnmounted, PropType, ref, Ref, watch } from "vue";
-import { SpectroInfo, spectroToCenter, useGeoJS } from "./geoJS/geoJSUtils";
+import { computed, defineComponent, onMounted, onUnmounted, type PropType, ref, type Ref, watch } from "vue";
+import { type SpectroInfo, spectroToCenter, useGeoJS } from "./geoJS/geoJSUtils";
 import {
   patchAnnotation,
   patchSequenceAnnotation,
   putAnnotation,
   putSequenceAnnotation,
-  SpectrogramAnnotation,
-  SpectrogramSequenceAnnotation,
+  type SpectrogramAnnotation,
+  type SpectrogramSequenceAnnotation,
 } from "../api/api";
 import LayerManager from "./geoJS/LayerManager.vue";
 import PulseMetadataTooltip from "./PulseMetadataTooltip.vue";
 import type { PulseMetadataTooltipData } from "./geoJS/layers/pulseMetadataLayer";
-import { GeoEvent } from "geojs";
+import type { GeoEvent } from "geojs";
 import geo from "geojs";
 import useState from "@use/useState";
 import { getImageDimensions } from "@use/useUtils";
diff --git a/client/src/components/ThumbnailViewer.vue b/client/src/components/ThumbnailViewer.vue
index 90100880..4f31be60 100644
--- a/client/src/components/ThumbnailViewer.vue
+++ b/client/src/components/ThumbnailViewer.vue
@@ -1,10 +1,10 @@
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts">
-import { computed, defineComponent, nextTick, PropType, ref, Ref, watch } from "vue";
-import { SpectroInfo, useGeoJS } from './geoJS/geoJSUtils';
-import { OtherUserAnnotations, SpectrogramAnnotation } from "../api/api";
+import { computed, defineComponent, nextTick, type PropType, ref, type Ref, watch } from "vue";
+import { type SpectroInfo, useGeoJS } from './geoJS/geoJSUtils';
+import { type OtherUserAnnotations, type SpectrogramAnnotation } from "../api/api";
 import LayerManager from "./geoJS/LayerManager.vue";
-import geo, { GeoEvent } from "geojs";
+import geo, { type GeoEvent } from "geojs";
 import { getImageDimensions } from "@use/useUtils";
 import useState from "@use/useState";
 
diff --git a/client/src/components/UploadRecording.vue b/client/src/components/UploadRecording.vue
index a2ee4fb9..579a735c 100644
--- a/client/src/components/UploadRecording.vue
+++ b/client/src/components/UploadRecording.vue
@@ -2,13 +2,13 @@
 import {
   computed,
   defineComponent,
-  PropType,
+  type PropType,
   ref,
-  Ref,
+  type Ref,
 } from 'vue';
 import { RecordingMimeTypes } from '../constants';
 import useRequest from '@use/useRequest';
-import { UploadLocation, uploadRecordingFile, patchRecording, getCellLocation, getCellfromLocation, getGuanoMetadata, RecordingFileParameters } from '../api/api';
+import { type UploadLocation, uploadRecordingFile, patchRecording, getCellLocation, getCellfromLocation, getGuanoMetadata, type RecordingFileParameters } from '../api/api';
 import MapLocation from './MapLocation.vue';
 import { useDate } from 'vuetify';
 import { getCurrentTime, extractDateTimeComponents } from '@use/useUtils';
diff --git a/client/src/components/geoJS/LayerManager.vue b/client/src/components/geoJS/LayerManager.vue
index d2ef17bd..022a659f 100644
--- a/client/src/components/geoJS/LayerManager.vue
+++ b/client/src/components/geoJS/LayerManager.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import { defineComponent, nextTick, onMounted, onUnmounted, PropType, Ref, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, type PropType, type Ref, ref, watch } from "vue";
 import * as d3 from "d3";
-import { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../api/api";
+import type { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../api/api";
 import {
   annotationSpreadAcrossPulsesWarning,
   geojsonToSpectro,
-  SpectroInfo,
+  type SpectroInfo,
   textColorFromBackground,
 } from "./geoJSUtils";
 import EditAnnotationLayer from "./layers/editAnnotationLayer";
diff --git a/client/src/components/geoJS/geoJSUtils.ts b/client/src/components/geoJS/geoJSUtils.ts
index 3404b504..af4fbb23 100644
--- a/client/src/components/geoJS/geoJSUtils.ts
+++ b/client/src/components/geoJS/geoJSUtils.ts
@@ -1,4 +1,4 @@
-import { ref, Ref } from "vue";
+import { ref, type Ref } from "vue";
 import geo from "geojs";
 
 const annotationSpreadAcrossPulsesWarning = 'Start or End Time spread across pulses.  This is not allowed in compressed annotations';
@@ -399,7 +399,7 @@ const useGeoJS = () => {
   };
 };
 
-import { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../api/api";
+import type { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../api/api";
 
 export interface SpectroInfo {
   spectroId: number;
diff --git a/client/src/components/geoJS/layers/axesLayer.ts b/client/src/components/geoJS/layers/axesLayer.ts
index f86e01b8..58d3f716 100644
--- a/client/src/components/geoJS/layers/axesLayer.ts
+++ b/client/src/components/geoJS/layers/axesLayer.ts
@@ -1,6 +1,6 @@
-import { SpectroInfo } from "../geoJSUtils";
+import type { SpectroInfo } from "../geoJSUtils";
 import geo from "geojs";
-import { LayerStyle, TextData } from "./types";
+import type { LayerStyle, TextData } from "./types";
 import BaseTextLayer from "./baseTextLayer";
 
 type LabelCategory = 'time' | 'frequency';
diff --git a/client/src/components/geoJS/layers/baseTextLayer.ts b/client/src/components/geoJS/layers/baseTextLayer.ts
index f14613a8..d07756c9 100644
--- a/client/src/components/geoJS/layers/baseTextLayer.ts
+++ b/client/src/components/geoJS/layers/baseTextLayer.ts
@@ -1,7 +1,7 @@
 
 
-import { SpectroInfo } from "../geoJSUtils";
-import { LayerStyle } from "./types";
+import type { SpectroInfo } from "../geoJSUtils";
+import type { LayerStyle } from "./types";
 import geo from "geojs";
 
 
diff --git a/client/src/components/geoJS/layers/boundingBoxLayer.ts b/client/src/components/geoJS/layers/boundingBoxLayer.ts
index d8bb31ad..3071bf43 100644
--- a/client/src/components/geoJS/layers/boundingBoxLayer.ts
+++ b/client/src/components/geoJS/layers/boundingBoxLayer.ts
@@ -1,7 +1,7 @@
-import geo, { GeoEvent } from 'geojs';
+import geo, { type GeoEvent } from 'geojs';
 import BaseTextLayer from "./baseTextLayer";
-import { geojsonToSpectro, SpectroInfo } from '../geoJSUtils';
-import { LayerStyle, RectGeoJSData, TextData } from './types';
+import { geojsonToSpectro, type SpectroInfo } from '../geoJSUtils';
+import type { LayerStyle, RectGeoJSData, TextData } from './types';
 
 type BoundingBoxTextData = TextData & { textAlign?: 'start' | 'end' | 'center', textBaseline?: 'top' | 'middle' | 'bottom' };
 
diff --git a/client/src/components/geoJS/layers/compressedOverlayLayer.ts b/client/src/components/geoJS/layers/compressedOverlayLayer.ts
index c2205f94..f1677f9c 100644
--- a/client/src/components/geoJS/layers/compressedOverlayLayer.ts
+++ b/client/src/components/geoJS/layers/compressedOverlayLayer.ts
@@ -1,5 +1,5 @@
-import { SpectroInfo } from "../geoJSUtils";
-import { LayerStyle } from "./types";
+import type { SpectroInfo } from "../geoJSUtils";
+import type { LayerStyle } from "./types";
 
 interface RectCompressedGeoJSData {
   polygon: GeoJSON.Polygon;
diff --git a/client/src/components/geoJS/layers/contourLayer.ts b/client/src/components/geoJS/layers/contourLayer.ts
index 044856a4..d8650d63 100644
--- a/client/src/components/geoJS/layers/contourLayer.ts
+++ b/client/src/components/geoJS/layers/contourLayer.ts
@@ -1,5 +1,5 @@
-import { SpectroInfo } from '../geoJSUtils';
-import {
+import type { SpectroInfo } from '../geoJSUtils';
+import type {
   ComputedPulseContour,
   Contour,
 } from '@api/api';
diff --git a/client/src/components/geoJS/layers/editAnnotationLayer.ts b/client/src/components/geoJS/layers/editAnnotationLayer.ts
index daff68e0..3b56a216 100644
--- a/client/src/components/geoJS/layers/editAnnotationLayer.ts
+++ b/client/src/components/geoJS/layers/editAnnotationLayer.ts
@@ -1,16 +1,16 @@
 /*eslint class-methods-use-this: "off"*/
-import geo, { GeoEvent } from "geojs";
+import geo, { type GeoEvent } from "geojs";
 import {
-  SpectroInfo,
+  type SpectroInfo,
   spectroToGeoJSon,
   reOrdergeoJSON,
   spectroSequenceToGeoJSon,
   rectVertex,
   rectEdge,
 } from "../geoJSUtils";
-import { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../../api/api";
-import { LayerStyle, RectGeoJSData, EditAnnotationTypes } from "./types";
-import { GeoJSON } from 'geojson';
+import type { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../../api/api";
+import { type LayerStyle, type EditAnnotationTypes, type RectGeoJSData } from "./types";
+import type { GeoJSON } from 'geojson';
 
 const typeMapper = new Map([
   ["LineString", "line"],
diff --git a/client/src/components/geoJS/layers/freqLayer.ts b/client/src/components/geoJS/layers/freqLayer.ts
index 5f42daee..453a09cb 100644
--- a/client/src/components/geoJS/layers/freqLayer.ts
+++ b/client/src/components/geoJS/layers/freqLayer.ts
@@ -1,7 +1,7 @@
-import { SpectrogramAnnotation } from "../../../api/api";
-import { SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramAnnotation } from "../../../api/api";
+import { type SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
 import BaseTextLayer from "./baseTextLayer";
-import { LayerStyle, LineData, TextData } from "./types";
+import type { LayerStyle, LineData, TextData } from "./types";
 
 export default class FreqLayer extends BaseTextLayer<TextData> {
   lineData: LineData[];
diff --git a/client/src/components/geoJS/layers/legendLayer.ts b/client/src/components/geoJS/layers/legendLayer.ts
index f33edcff..4c0f7f75 100644
--- a/client/src/components/geoJS/layers/legendLayer.ts
+++ b/client/src/components/geoJS/layers/legendLayer.ts
@@ -1,6 +1,6 @@
-import { SpectroInfo } from "../geoJSUtils";
+import type { SpectroInfo } from "../geoJSUtils";
 import BaseTextLayer from "./baseTextLayer";
-import { LayerStyle, TextData } from "./types";
+import type { LayerStyle, TextData } from "./types";
 import geo from "geojs";
 
 interface LineData {
diff --git a/client/src/components/geoJS/layers/measureToolLayer.ts b/client/src/components/geoJS/layers/measureToolLayer.ts
index b132e1e4..9eca8e52 100644
--- a/client/src/components/geoJS/layers/measureToolLayer.ts
+++ b/client/src/components/geoJS/layers/measureToolLayer.ts
@@ -1,6 +1,6 @@
-import geo, { GeoEvent } from 'geojs';
-import { SpectroInfo } from '../geoJSUtils';
-import { LayerStyle, LineData, TextData } from './types';
+import geo, { type GeoEvent } from 'geojs';
+import type { SpectroInfo } from '../geoJSUtils';
+import type { LayerStyle, LineData, TextData } from './types';
 import BaseTextLayer from './baseTextLayer';
 
 function _determineRulerColor(isDragging: boolean, isDarkMode: boolean) {
diff --git a/client/src/components/geoJS/layers/pulseMetadataLayer.ts b/client/src/components/geoJS/layers/pulseMetadataLayer.ts
index 03b448b4..5813b938 100644
--- a/client/src/components/geoJS/layers/pulseMetadataLayer.ts
+++ b/client/src/components/geoJS/layers/pulseMetadataLayer.ts
@@ -1,9 +1,9 @@
-import geo, { GeoEvent } from 'geojs';
-import { SpectroInfo } from '../geoJSUtils';
-import { PulseMetadata } from '@api/api';
-import { LayerStyle, LineData, TextData } from './types';
+import geo, { type GeoEvent } from 'geojs';
+import type { SpectroInfo } from '../geoJSUtils';
+import type { PulseMetadata } from '@api/api';
+import type { LayerStyle, LineData, TextData } from './types';
 import BaseTextLayer from './baseTextLayer';
-import { PulseMetadataLabelsMode } from '@use/usePulseMetadata';
+import type { PulseMetadataLabelsMode } from '@use/usePulseMetadata';
 
 /** Point data for char_freq, knee, heel with pixel coords and label. */
 interface PulsePointData {
diff --git a/client/src/components/geoJS/layers/rectangleLayer.ts b/client/src/components/geoJS/layers/rectangleLayer.ts
index 3b88adde..fee36ca3 100644
--- a/client/src/components/geoJS/layers/rectangleLayer.ts
+++ b/client/src/components/geoJS/layers/rectangleLayer.ts
@@ -1,7 +1,7 @@
-import geo, { GeoEvent } from "geojs";
-import { SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
-import { SpectrogramAnnotation } from "../../../api/api";
-import { LayerStyle, RectGeoJSData } from "./types";
+import geo, { type GeoEvent } from "geojs";
+import { type SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramAnnotation } from "../../../api/api";
+import type { LayerStyle, RectGeoJSData } from "./types";
 
 
 export default class RectangleLayer {
diff --git a/client/src/components/geoJS/layers/sequenceLayer.ts b/client/src/components/geoJS/layers/sequenceLayer.ts
index ecd1f3da..86695da2 100644
--- a/client/src/components/geoJS/layers/sequenceLayer.ts
+++ b/client/src/components/geoJS/layers/sequenceLayer.ts
@@ -1,7 +1,7 @@
-import geo, { GeoEvent } from "geojs";
-import { SpectroInfo, spectroSequenceToGeoJSon } from "../geoJSUtils";
-import { SpectrogramSequenceAnnotation } from "../../../api/api";
-import { LayerStyle } from "./types";
+import geo, { type GeoEvent } from "geojs";
+import { type SpectroInfo, spectroSequenceToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramSequenceAnnotation } from "../../../api/api";
+import type { LayerStyle } from "./types";
 
 interface RectGeoJSData {
   id: number;
diff --git a/client/src/components/geoJS/layers/speciesLayer.ts b/client/src/components/geoJS/layers/speciesLayer.ts
index 44869d03..7809b592 100644
--- a/client/src/components/geoJS/layers/speciesLayer.ts
+++ b/client/src/components/geoJS/layers/speciesLayer.ts
@@ -1,7 +1,7 @@
-import { SpectrogramAnnotation } from "../../../api/api";
-import { SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramAnnotation } from "../../../api/api";
+import { type SpectroInfo, spectroToGeoJSon } from "../geoJSUtils";
 import BaseTextLayer from "./baseTextLayer";
-import { LayerStyle } from "./types";
+import type { LayerStyle } from "./types";
 
 interface TextData {
   text: string;
diff --git a/client/src/components/geoJS/layers/speciesSequenceLayer.ts b/client/src/components/geoJS/layers/speciesSequenceLayer.ts
index ca39444a..ffdee7ad 100644
--- a/client/src/components/geoJS/layers/speciesSequenceLayer.ts
+++ b/client/src/components/geoJS/layers/speciesSequenceLayer.ts
@@ -1,7 +1,7 @@
-import { SpectrogramSequenceAnnotation } from "../../../api/api";
-import { SpectroInfo, spectroSequenceToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramSequenceAnnotation } from "../../../api/api";
+import { type SpectroInfo, spectroSequenceToGeoJSon } from "../geoJSUtils";
 import BaseTextLayer from "./baseTextLayer";
-import { LayerStyle } from "./types";
+import type { LayerStyle } from "./types";
 
 interface TextData {
   text: string;
diff --git a/client/src/components/geoJS/layers/timeLayer.ts b/client/src/components/geoJS/layers/timeLayer.ts
index 344c8584..ac569cab 100644
--- a/client/src/components/geoJS/layers/timeLayer.ts
+++ b/client/src/components/geoJS/layers/timeLayer.ts
@@ -1,7 +1,7 @@
-import { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../../api/api";
-import { SpectroInfo, spectroSequenceToGeoJSon, spectroToGeoJSon } from "../geoJSUtils";
+import type { SpectrogramAnnotation, SpectrogramSequenceAnnotation } from "../../../api/api";
+import { type SpectroInfo, spectroSequenceToGeoJSon, spectroToGeoJSon } from "../geoJSUtils";
 import BaseTextLayer from "./baseTextLayer";
-import { LayerStyle } from "./types";
+import type { LayerStyle } from "./types";
 
 interface LineData {
   line: GeoJSON.LineString;
diff --git a/client/src/constants.ts b/client/src/constants.ts
index 04900b62..a099ee9e 100644
--- a/client/src/constants.ts
+++ b/client/src/constants.ts
@@ -10,5 +10,7 @@ type SpectrogramView = 'image' | 'contour' | 'both';
 
 export {
     RecordingMimeTypes,
+};
+export type {
     SpectrogramView,
 };
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index ef39a28c..8f662bde 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory, RouteLocationNormalized } from 'vue-router';
+import { createRouter, createWebHistory, type RouteLocationNormalized } from 'vue-router';
 import HelpPage from '../views/HelpPage.vue';
 import Recordings from '../views/Recordings.vue';
 import Spectrogram from '../views/Spectrogram.vue';
diff --git a/client/src/use/prompt-service/Prompt.vue b/client/src/use/prompt-service/Prompt.vue
index 29080c43..669930c1 100644
--- a/client/src/use/prompt-service/Prompt.vue
+++ b/client/src/use/prompt-service/Prompt.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import {
-  ref, Ref, watch, defineComponent,
+  ref, type Ref, watch, defineComponent,
 } from 'vue';
 
 export default defineComponent({
diff --git a/client/src/use/prompt-service/index.ts b/client/src/use/prompt-service/index.ts
index 61739365..fc0fca33 100644
--- a/client/src/use/prompt-service/index.ts
+++ b/client/src/use/prompt-service/index.ts
@@ -1,4 +1,4 @@
-import { createApp, App, inject } from 'vue';
+import { createApp, type App, inject } from 'vue';
 import { createVuetify } from 'vuetify';
 import Prompt from './Prompt.vue';
 
diff --git a/client/src/use/usePulseMetadata.ts b/client/src/use/usePulseMetadata.ts
index 50807dd0..1c5c8ff0 100644
--- a/client/src/use/usePulseMetadata.ts
+++ b/client/src/use/usePulseMetadata.ts
@@ -1,5 +1,5 @@
-import { ref, Ref, watch } from "vue";
-import { getPulseMetadata, PulseMetadata } from "../api/api";
+import { ref, type Ref, watch } from "vue";
+import { getPulseMetadata, type PulseMetadata } from "../api/api";
 
 const STORAGE_KEY = "pulseMetadata";
 
diff --git a/client/src/use/useState.ts b/client/src/use/useState.ts
index a90e2b35..9c47cf58 100644
--- a/client/src/use/useState.ts
+++ b/client/src/use/useState.ts
@@ -1,17 +1,17 @@
-import { computed, ref, Ref, watch } from "vue";
+import { computed, ref, type Ref, watch } from "vue";
 import { useRouter } from 'vue-router';
 import { cloneDeep } from "lodash";
 import * as d3 from "d3";
 import {
-  Configuration,
+  type Configuration,
   getConfiguration,
   getCurrentUser,
-  OtherUserAnnotations,
-  Recording,
-  SpectrogramAnnotation,
-  SpectrogramSequenceAnnotation,
+  type OtherUserAnnotations,
+  type Recording,
+  type SpectrogramAnnotation,
+  type SpectrogramSequenceAnnotation,
   getComputedPulseContour,
-  ComputedPulseContour,
+  type ComputedPulseContour,
   getVettingDetailsForUser,
 } from "../api/api";
 import {
diff --git a/client/src/views/Admin.vue b/client/src/views/Admin.vue
index 3f8502d2..7c10cd46 100644
--- a/client/src/views/Admin.vue
+++ b/client/src/views/Admin.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { reactive, defineComponent, watch, ref, Ref, } from 'vue';
+import { reactive, defineComponent, watch, ref, type Ref, } from 'vue';
 import useState from '@use/useState';
 import { patchConfiguration } from '../api/api';
 import NABatAdmin from './NABat/NABatAdmin.vue';
diff --git a/client/src/views/NABat/NABatAdmin.vue b/client/src/views/NABat/NABatAdmin.vue
index 671eff13..8add2c55 100644
--- a/client/src/views/NABat/NABatAdmin.vue
+++ b/client/src/views/NABat/NABatAdmin.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, ref, Ref, } from 'vue';
+import { defineComponent, ref, type Ref, } from 'vue';
 import NABatAdminUpdateSpecies from '@components/NABat/NABatAdminUpdateSpecies.vue';
 import NABatAdminBrowser from '@components/NABat/NABatAdminBrowser.vue';
 
diff --git a/client/src/views/NABat/NABatRecording.vue b/client/src/views/NABat/NABatRecording.vue
index 75f2598a..6c81931b 100644
--- a/client/src/views/NABat/NABatRecording.vue
+++ b/client/src/views/NABat/NABatRecording.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { defineComponent, ref, onMounted, onUnmounted, Ref, watch} from 'vue';
+import { defineComponent, ref, onMounted, onUnmounted, type Ref, watch} from 'vue';
 import { getProcessingTaskDetails } from '@api/api';
-import { NABatRecordingDataResponse, postNABatRecording } from '@api/NABatApi';
+import { type NABatRecordingDataResponse, postNABatRecording } from '@api/NABatApi';
 import { useRouter } from 'vue-router';
 import { usePrompt } from '@use/prompt-service';
 import { useJWTToken } from '@use/useJWTToken';
diff --git a/client/src/views/NABat/NABatSpectrogram.vue b/client/src/views/NABat/NABatSpectrogram.vue
index 48ca3ce6..44dca9ba 100644
--- a/client/src/views/NABat/NABatSpectrogram.vue
+++ b/client/src/views/NABat/NABatSpectrogram.vue
@@ -2,20 +2,20 @@
 import {
   defineComponent,
   onMounted,
-  Ref,
+  type Ref,
   ref,
   watch,
 } from "vue";
 import {
   getSpecies,
-  Species,
+  type Species,
 } from "@api/api";
 import {
   getNABatSpectrogram,
   getNABatSpectrogramCompressed,
 } from "@api/NABatApi";
 import SpectrogramViewer from "@components/SpectrogramViewer.vue";
-import { SpectroInfo } from "@components/geoJS/geoJSUtils";
+import type { SpectroInfo } from "@components/geoJS/geoJSUtils";
 import ThumbnailViewer from "@components/ThumbnailViewer.vue";
 import useState from "@use/useState";
 import ColorSchemeDialog from "@components/ColorSchemeDialog.vue";
diff --git a/client/src/views/Recordings.vue b/client/src/views/Recordings.vue
index df800812..2efaeaea 100644
--- a/client/src/views/Recordings.vue
+++ b/client/src/views/Recordings.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { computed, defineComponent, ref, Ref, onMounted, watch } from 'vue';
-import { deleteRecording, Recording, getRecordingTags } from '../api/api';
-import UploadRecording, { EditingRecording } from '@components/UploadRecording.vue';
+import { computed, defineComponent, ref, type Ref, onMounted, watch } from 'vue';
+import { deleteRecording, type Recording, getRecordingTags } from '../api/api';
+import UploadRecording, { type EditingRecording } from '@components/UploadRecording.vue';
 import useState from '@use/useState';
 import BatchUploadRecording from '@components/BatchUploadRecording.vue';
 import RecordingTable from '@components/RecordingTable.vue';
diff --git a/client/src/views/Spectrogram.vue b/client/src/views/Spectrogram.vue
index f30f4c0a..f237c031 100644
--- a/client/src/views/Spectrogram.vue
+++ b/client/src/views/Spectrogram.vue
@@ -4,7 +4,7 @@ import {
   defineComponent,
   onMounted,
   onUnmounted,
-  Ref,
+  type Ref,
   ref,
   watch,
 } from "vue";
@@ -13,15 +13,15 @@ import {
   getSpecies,
   getAnnotations,
   getSpectrogram,
-  Species,
-  Spectrogram,
+  type Species,
+  type Spectrogram,
   getSpectrogramCompressed,
   getOtherUserAnnotations,
   getSequenceAnnotations,
   getUnsubmittedNeighbors,
 } from "../api/api";
 import SpectrogramViewer from "@components/SpectrogramViewer.vue";
-import { SpectroInfo } from "@components/geoJS/geoJSUtils";
+import type { SpectroInfo } from "@components/geoJS/geoJSUtils";
 import AnnotationList from "@components/AnnotationList.vue";
 import ThumbnailViewer from "@components/ThumbnailViewer.vue";
 import RecordingList from "@components/RecordingList.vue";
diff --git a/client/tsconfig.app.json b/client/tsconfig.app.json
new file mode 100644
index 00000000..b6722468
--- /dev/null
+++ b/client/tsconfig.app.json
@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    // Replace upstream `ES2022` with `ESNext` to allow newer language features.
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@api/*": ["./src/api/*"],
+      "@components/*": ["./src/components/*"],
+      "@use/*": ["./src/use/*"]
+    },
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
+  }
+}
diff --git a/client/tsconfig.json b/client/tsconfig.json
index 6c5c793f..1ffef600 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -1,31 +1,7 @@
 {
-  "compilerOptions": {
-    "skipLibCheck": true,
-    "baseUrl": ".",
-    "paths": {
-      "@api/*": ["src/api/*"],
-      "@use/*": ["src/use/*"],
-      "@/*": ["src/*"],
-      "@components/*": ["src/components/*"]
-    },
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "lib": [
-      "esnext",
-      "dom",
-    ],
-    "types": [
-      "vite/client"
-    ]
-  },
-  "exclude": [
-    "node_modules"
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
   ]
 }
diff --git a/client/tsconfig.node.json b/client/tsconfig.node.json
new file mode 100644
index 00000000..4ef35094
--- /dev/null
+++ b/client/tsconfig.node.json
@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node24/tsconfig.json",
+  "include": ["vite.config.*", "eslint.config.*"],
+  "compilerOptions": {
+    // Most tools use transpilation instead of Node.js's native type-stripping.
+    // Bundler mode provides a smoother developer experience.
+    "module": "preserve",
+    "moduleResolution": "bundler",
+
+    // Include Node.js types and avoid accidentally including other `@types/*` packages.
+    "types": ["node"],
+
+    // Disable emitting output during `vue-tsc --build`, which is used for type-checking only.
+    "noEmit": true,
+
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
+  }
+}
diff --git a/client/vite.config.js b/client/vite.config.js
deleted file mode 100644
index c5698a05..00000000
--- a/client/vite.config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { sentryVitePlugin } from "@sentry/vite-plugin";
-import path from 'path';
-import { defineConfig } from 'vite';
-import Vue from '@vitejs/plugin-vue';
-import Vuetify from 'vite-plugin-vuetify';
-import process from 'node:process';
-
-const subpath = process.env.VITE_APP_SUBPATH || '/';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  base: subpath.endsWith('/') ? subpath : `${subpath}/`,
-  envPrefix: 'VITE_APP_',
-  plugins: [
-    Vue(),
-    Vuetify({
-      autoImport: true
-    }),
-    sentryVitePlugin({
-      org: "kitware-data",
-      project: "bats-ai-client",
-      authToken: process.env.SENTRY_AUTH_TOKEN,
-      release: {
-        // Defined by: https://developers.cloudflare.com/pages/configuration/build-configuration/#environment-variables
-        name: process.env.CF_PAGES_COMMIT_SHA,
-      }
-    }),
-  ],
-  server: {
-    port: 8080,
-    proxy: {
-      "/api": {
-        target: `http://localhost:8000`,
-        xfwd: true,
-      },
-    },
-    strictPort: true,
-  },
-  build: {
-    sourcemap: true
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-      '@api': path.resolve(__dirname, './src/api'),
-      '@components': path.resolve(__dirname, './src/components'),
-      '@use': path.resolve(__dirname, './src/use'),
-    },
-  },
-});
diff --git a/client/vite.config.ts b/client/vite.config.ts
new file mode 100644
index 00000000..3e9cf9a1
--- /dev/null
+++ b/client/vite.config.ts
@@ -0,0 +1,58 @@
+import process from "node:process";
+import { fileURLToPath, URL } from "node:url";
+import { sentryVitePlugin } from "@sentry/vite-plugin";
+import Vue from "@vitejs/plugin-vue";
+import { defineConfig } from "vite";
+import Vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
+
+// Build sanity check, to ensure environment is defined;
+// this will not load from .env files (unless we used a different Vite syntax),
+// but we set VITE_APP_API_ROOT at the process level.
+if (!process.env.VITE_APP_API_ROOT) {
+  throw new Error("VITE_APP_API_ROOT must be defined.");
+}
+
+const subpath = process.env.VITE_APP_SUBPATH || "/";
+
+export default defineConfig({
+  base: subpath.endsWith("/") ? subpath : `${subpath}/`,
+  envPrefix: "VITE_APP_",
+  plugins: [
+    Vue({
+      template: { transformAssetUrls },
+    }),
+    Vuetify({
+      autoImport: true,
+    }),
+    sentryVitePlugin({
+      org: "kitware-data",
+      project: "bats-ai-client",
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+      release: {
+        // Defined by: https://developers.cloudflare.com/pages/configuration/build-configuration/#environment-variables
+        name: process.env.CF_PAGES_COMMIT_SHA,
+      }
+    }),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+      "@api": fileURLToPath(new URL("./src/api", import.meta.url)),
+      "@components": fileURLToPath(
+        new URL("./src/components", import.meta.url),
+      ),
+      "@use": fileURLToPath(new URL("./src/use", import.meta.url)),
+    },
+  },
+  server: {
+    port: 8080,
+    strictPort: true,
+  },
+  preview: {
+    port: 8080,
+    strictPort: true,
+  },
+  build: {
+    sourcemap: true,
+  },
+});