diff --git a/.github/workflows/main-build.yml b/.github/workflows/main-build.yml
index 8571c8c..4d63756 100644
--- a/.github/workflows/main-build.yml
+++ b/.github/workflows/main-build.yml
@@ -1,4 +1,4 @@
-name: roadie standard commit build
+name: build
 
 on:
   push:
@@ -25,11 +25,9 @@ jobs:
       - name: 'Setup Node'
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
       - name: 'Build Frontend Artefacts'
         run: yarn && NODE_OPTIONS=--openssl-legacy-provider yarn build
-      - name: 'Mirror Dist'
-        run: cp -r ./dist ./pkg/server/dist
       - name: 'Run Tests'
         run: go test -cover -coverprofile=coverage.txt ./...
       - name: 'Archive Coverage Results'
@@ -67,11 +65,9 @@ jobs:
       - name: 'Setup Node'
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
       - name: 'Build Frontend Artefacts'
         run: yarn && NODE_OPTIONS=--openssl-legacy-provider yarn build
-      - name: 'Mirror Dist'
-        run: cp -r ./dist ./pkg/server/dist
       - name: 'Matrix Binary Compilation'
         run: GOOS=${{ matrix.os }} GOARCH=${{ matrix.arch }} go build -o dist/roadie.${{ matrix.arch }}-${{ matrix.os }} ./cmd/roadie
       - name: 'Archive Binary'
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index e4e1f49..67cdef4 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,4 +1,4 @@
-name: release build
+name: release
 
 on:
   push:
@@ -25,11 +25,9 @@ jobs:
       - name: 'Setup Node'
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
       - name: 'Build Frontend Artefacts'
         run: yarn && NODE_OPTIONS=--openssl-legacy-provider yarn build
-      - name: 'Mirror Dist'
-        run: cp -r ./dist ./pkg/server/dist
       - name: 'Compile Binary'
         run: mkdir bin && GOOS=${{ matrix.os }} GOARCH=amd64 go build -o bin/roadie-${{ matrix.os }}-amd64 ./cmd/roadie
       - name: 'Archive Binary'
diff --git a/Dockerfile b/Dockerfile
index 92c4bde..c4add9b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -8,9 +8,8 @@ FROM golang:alpine AS be
 
 WORKDIR "/rd"
 COPY . .
-COPY --from=fe ["/app/dist/", "dist/"]
+COPY --from=fe ["/app/pkg/server/dist/", "pkg/server/dist/"]
 RUN apk add --no-cache git && \
-    cp -r ./dist ./pkg/server/dist && \
     go build ./cmd/roadie && \
     mv roadie /
 
diff --git a/Makefile b/Makefile
index 999e3b6..ccea0aa 100644
--- a/Makefile
+++ b/Makefile
@@ -14,7 +14,6 @@ binaries: ; $(info $(C) building all binaries)
 binary: GOARCH?=amd64
 binary: GOOS?=linux
 binary: ; $(info $(C) building binary $(PROJECT).$(GOARCH)-$(GOOS))
-	$V cp -r ./dist ./pkg/server/dist
 	$V $(GO) build -o dist/$(PROJECT).$(GOARCH)-$(GOOS) ./cmd/$(PROJECT)
 	$V if [ "$(GOOS)" = "windows" ]; then \
 		$V mv dist/$(PROJECT).$(GOARCH)-$(GOOS) dist/$(PROJECT).$(GOARCH)-$(GOOS).exe; \
@@ -24,7 +23,7 @@ build-fe: ; $(info $(C) building the frontend assets)
 	$V yarn && NODE_OPTIONS=--openssl-legacy-provider yarn build
 
 clean: ; $(info $(C) cleaning assets and dist)
-	$V rm -rf dist pkg/server/dist
+	$V rm -rf pkg/server/dist
 
 coverage: ; $(info $(C) running coverage)
 	$V $(GO) test -race -covermode=atomic -coverprofile=c.out ./...
@@ -32,7 +31,7 @@ coverage: ; $(info $(C) running coverage)
 	$V $(GO) tool cover -html=c.out -o cover.html
 
 # at this time, there's no watch enabled for the go binary
-dev-be: bin-prep bin-dist install ; $(info $(C) building back-end for dev)
+dev-be: install ; $(info $(C) building back-end for dev)
 	$V CONFIG_FILE=$(CONFIG_FILE) $(PROJECT)
 
 # dev-fe is a watch task with built-in node server
@@ -46,7 +45,6 @@ docker.push:
 	$V docker push cloudcloud/roadie:latest
 
 install: build-fe ; $(info $(C) installing $(PROJECT))
-	$V rm -rf ./pkg/server/dist && cp -r ./dist ./pkg/server/dist
 	$V $(GO) build ./cmd/$(PROJECT)/
 
 local:
diff --git a/package.json b/package.json
index a8832d2..5699011 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "sass": "1.75.0",
     "sass-loader": "14.2.1",
     "vue": "^3.4.23",
-    "vue-router": "4.3.1",
+    "vue-router": "4.3.2",
     "vuetify": "^3.5.16",
     "vuex": "4.1.0",
     "webpack": "5.91.0",
@@ -22,7 +22,7 @@
     "y18n": "5.0.8"
   },
   "devDependencies": {
-    "@mdi/font": "7.4.47",
+    "@mdi/font": "^7.4.47",
     "@mdi/js": "7.4.47",
     "@vue/cli-plugin-babel": "5.0.8",
     "@vue/cli-service": "5.0.8",
diff --git a/pkg/server/server.go b/pkg/server/server.go
index 3859d4b..e0e6dfe 100644
--- a/pkg/server/server.go
+++ b/pkg/server/server.go
@@ -138,8 +138,8 @@ func index(c *gin.Context) {
 
 	s := strings.Replace(
 		string(f),
-		"<head>",
-		"<head><script id=\"config\">{\"hostname\":\""+c.MustGet("config").(types.Configer).GetHostname()+"\"}</script>",
+		"[ROADIE_BASE_URL]",
+		c.MustGet("config").(types.Configer).GetHostname(),
 		1,
 	)
 
diff --git a/public/index.html b/public/index.html
index 99947df..686ce1c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>roadie</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">
+    <meta id="RoadieBaseURL" content="[ROADIE_BASE_URL]">
   </head>
   <body>
     <noscript>
diff --git a/src/api.js b/src/api.js
index 34a7a0b..b3ec915 100644
--- a/src/api.js
+++ b/src/api.js
@@ -1,11 +1,10 @@
 import axios from 'axios';
 
-const el = document.getElementById('config');
-const c = JSON.parse(el.innerHTML);
+const url = document.querySelector('#RoadieBaseURL').getAttribute('content');
 const client = axios.create({
-  baseURL: c.hostname,
+  baseURL: url,
   json: true,
-})
+});
 
 const apiClient = {
   getConfig() {
diff --git a/src/components/Destination.vue b/src/components/Destination.vue
index df8a791..8021a4a 100644
--- a/src/components/Destination.vue
+++ b/src/components/Destination.vue
@@ -8,11 +8,13 @@
           <v-card-title>
             <v-row justify="center" align="center">
               <v-col cols="6" align="left">
-                <span>destination</span> | <span>{{destination_name}}</span>
+                <span>destination <v-icon :icon="`${mdiArrowRightThinCircleOutline}`"></v-icon> {{destination_name}}</span>
               </v-col>
 
               <v-col cols="6">
-                <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details />
+                <v-text-field v-model="search" single-line hide-details clearable variant="underlined">
+                  <v-icon :icon="`${mdiMagnify}`"></v-icon>
+                </v-text-field>
               </v-col>
             </v-row>
           </v-card-title>
@@ -53,12 +55,15 @@
 
 <script>
 import { mapActions, mapMutations, mapGetters } from 'vuex';
+import { mdiArrowRightThinCircleOutline, mdiMagnify } from '@mdi/js';
 
 export default {
   data: () => ({
+    mdiMagnify,
+    mdiArrowRightThinCircleOutline,
     headers: [
-      {text: 'Name', align: 'left', value: 'entry'},
-      {text: 'Actions', value: 'action'},
+      {title: 'Name', align: 'left', key: 'entry'},
+      {title: 'Actions', key: 'action'},
     ],
     destination: {},
     dialog: false,
diff --git a/src/components/Destinations.vue b/src/components/Destinations.vue
index 5770997..344eec4 100644
--- a/src/components/Destinations.vue
+++ b/src/components/Destinations.vue
@@ -12,7 +12,9 @@
               </v-col>
 
               <v-col cols="6">
-                <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details></v-text-field>
+                <v-text-field v-model="search" single-line hide-details clearable placeholder="evil" variant="underlined">
+                  <v-icon :icon="`${mdiMagnify}`"></v-icon>
+                </v-text-field>
               </v-col>
             </v-row>
           </v-card-title>
@@ -32,13 +34,15 @@
 
 <script>
 import { mapActions, mapMutations, mapGetters } from 'vuex';
+import { mdiMagnify } from '@mdi/js';
 
 export default {
   data: () => ({
+    mdiMagnify,
     headers: [
-      {text: 'Name', align: 'left', value: 'name'},
-      {text: 'Location', align: 'left', value: 'config.location'},
-      {text: 'Type', align: 'left', value: 'type'},
+      {title: 'Name', align: 'left', key: 'name'},
+      {title: 'Location', align: 'left', key: 'config.location'},
+      {title: 'Type', align: 'left', key: 'type'},
     ],
     destinations: [],
     search: '',
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 1b9abf2..2735688 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -10,7 +10,9 @@
               <v-col cols="6" align="left">roadie</v-col>
 
               <v-col cols="6">
-                <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details />
+                <v-text-field v-model="search" clearable variant="underlined" single-line hide-details>
+                  <v-icon :icon="`${mdiMagnify}`"></v-icon>
+                </v-text-field>
               </v-col>
             </v-row>
           </v-card-title>
@@ -33,14 +35,16 @@
 
 <script>
 import { mapActions, mapMutations, mapGetters } from 'vuex';
+import { mdiMagnify } from '@mdi/js';
 
 export default {
   data: () => ({
+    mdiMagnify,
     headers: [
-      {text: 'Source', align: 'left', value: 'source.name'},
-      {text: 'Destination', align: 'left', value: 'destination.name'},
-      {text: 'Pattern', align: 'left', value: 'pattern'},
-      {text: 'Date', align: 'left', value: 'occurred_at'},
+      {title: 'Source', align: 'left', key: 'source.name'},
+      {title: 'Destination', align: 'left', key: 'destination.name'},
+      {title: 'Pattern', align: 'left', key: 'pattern'},
+      {title: 'Date', align: 'left', key: 'occurred_at'},
     ],
     historical: [],
     search: '',
diff --git a/src/components/Source.vue b/src/components/Source.vue
index 333d870..bdb61bb 100644
--- a/src/components/Source.vue
+++ b/src/components/Source.vue
@@ -8,16 +8,18 @@
           <v-card-title>
             <v-row justify="center" align="center">
               <v-col cols="6" align="left">
-                <span>source</span> | <span>{{source_name}}</span>
+                <span>source <v-icon :icon="`${mdiArrowRightThinCircleOutline}`"></v-icon> {{source_name}}</span>
               </v-col>
 
               <v-col cols="6">
-                <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details />
+                <v-text-field v-model="search" single-line hide-details clearable placeholder="evil" variant="underlined">
+                  <v-icon :icon="`${mdiMagnify}`"></v-icon>
+                </v-text-field>
               </v-col>
             </v-row>
           </v-card-title>
 
-          <v-data-table :headers="headersExpanded" :items="source.entries" :search="search" :single-expand="singleExpand" :expanded.sync="expanded" item-key="entry" show-expand class="elevation-1" v-if="isExpandable">
+          <v-data-table-virtual :headers="headersExpanded" :items="source.entries" :search="search" :single-expand="singleExpand" :expanded.sync="expanded" item-key="entry" show-expand class="elevation-1" height="100%" v-if="isExpandable">
             <template v-slot:item.action="{ item }">
               <v-btn block small @click="copy(item.entry)">Copy</v-btn>
             </template>
@@ -26,13 +28,15 @@
                 <SubSource :sub_name="item.entry" :source_name="source.source.name" />
               </td>
             </template>
-          </v-data-table>
+          </v-data-table-virtual>
 
-          <v-data-table v-else :headers="headers" :items="source.entries" :search="search" class="elevation-1">
+          <v-data-table-virtual v-else height="500" :headers="headers" :items="source.entries" :search="search" class="elevation-1">
             <template v-slot:item.action="{ item }">
-              <v-btn block small @click="copy(item.entry)">Copy</v-btn>
+              <v-btn block small @click="copy(item.entry)">
+                <v-icon icon="mdi-content-copy" /> Copy
+              </v-btn>
             </template>
-          </v-data-table>
+          </v-data-table-virtual>
 
           <v-dialog v-model="dialog" max-width="500">
             <v-card :loading="loading" class="mx-auto">
@@ -67,17 +71,20 @@
 <script>
 import { mapActions, mapMutations, mapGetters } from 'vuex';
 import SubSource from './SubSource';
+import { mdiArrowRightThinCircleOutline, mdiMagnify } from '@mdi/js';
 
 export default {
   data: () => ({
+    mdiArrowRightThinCircleOutline,
+    mdiMagnify,
     headers: [
-      {text: 'Name', align: 'left', value: 'entry'},
-      {text: 'Actions', value: 'action'},
+      {title: 'Name', align: 'left', key: 'entry'},
+      {title: 'Actions', key: 'action'},
     ],
     headersExpanded: [
-      {text: 'Expand', value: 'data-table-expand'},
-      {text: 'Name', align: 'left', value: 'entry'},
-      {text: 'Actions', value: 'action'},
+      {title: 'Expand', key: 'data-table-expand'},
+      {title: 'Name', align: 'left', key: 'entry'},
+      {title: 'Actions', key: 'action'},
     ],
     source: {},
     dialog: false,
diff --git a/src/components/Sources.vue b/src/components/Sources.vue
index 9f03653..1af2e32 100644
--- a/src/components/Sources.vue
+++ b/src/components/Sources.vue
@@ -10,16 +10,18 @@
               <v-col cols="6" align="left">sources</v-col>
 
               <v-col cols="6">
-                <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details />
+                <v-text-field v-model="search" variant="underlined" clearable placeholder="evil" single-line hide-details>
+                  <v-icon :icon="`${mdiMagnify}`"></v-icon>
+                </v-text-field>
               </v-col>
             </v-row>
           </v-card-title>
 
-          <v-data-table :headers="headers" :items="sources" :search="search" class="elevation-1">
+          <v-data-table-virtual :headers="headers" :items="sources" :search="search" class="elevation-1">
             <template v-slot:item.name="{ item }">
               <router-link :to="item.href">{{ item.name }}</router-link>
             </template>
-          </v-data-table>
+          </v-data-table-virtual>
 
         </v-card>
       </v-col>
@@ -30,14 +32,16 @@
 
 <script>
 import { mapActions, mapMutations, mapGetters } from 'vuex';
+import { mdiMagnify } from '@mdi/js';
 
 export default {
   data: () => ({
+    mdiMagnify,
     headers: [
-      {text: 'Name', align: 'left', value: 'name'},
-      {text: 'Bucket', align: 'left', value: 'config.bucket'},
-      {text: 'Path', align: 'left', value: 'config.path'},
-      {text: 'Type', align: 'left', value: 'type'},
+      {title: 'Name', align: 'left', key: 'name'},
+      {title: 'Bucket', align: 'left', key: 'config.bucket'},
+      {title: 'Path', align: 'left', key: 'config.path'},
+      {title: 'Type', align: 'left', key: 'type'},
     ],
     sources: [],
     search: '',
diff --git a/src/components/SubSource.vue b/src/components/SubSource.vue
index 7e86535..b899d1c 100644
--- a/src/components/SubSource.vue
+++ b/src/components/SubSource.vue
@@ -37,8 +37,8 @@ import { mapActions, mapMutations, mapGetters } from 'vuex';
 export default {
   data: () => ({
     headers: [
-      {text: 'Name', align: 'left', value: 'entry'},
-      {text: 'Actions', value: 'action'},
+      {title: 'Name', align: 'left', key: 'entry'},
+      {title: 'Actions', key: 'action'},
     ],
     sub_source: {},
     dialog: false,
diff --git a/src/main.js b/src/main.js
index 016deab..f2ceea5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,24 +2,9 @@ import { createApp } from 'vue';
 import App from './App.vue';
 
 import 'vuetify/styles';
-import { createVuetify } from 'vuetify';
-import * as components from 'vuetify/components';
-import * as directives from 'vuetify/directives';
-import { aliases, mdi } from 'vuetify/iconsets/mdi';
 
+import vuetify from './plugins/vuetify';
 import router from './routes';
 import store from './store';
 
-const vuetify = createVuetify({
-  components,
-  directives,
-  icons: {
-    defaultSet: 'mdi',
-    aliases,
-    sets: {
-      mdi,
-    },
-  },
-});
-
 createApp(App).use(vuetify).use(router).use(store).mount('#app');
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index a54e73a..8b03160 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -1,11 +1,18 @@
 import '@mdi/font/css/materialdesignicons.css';
-import Vue from 'vue';
-import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
-Vue.use(vuetify);
+import { createVuetify } from 'vuetify';
+import * as components from 'vuetify/components';
+import * as directives from 'vuetify/directives';
+import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
 
-export default new Vuetify({
+export default createVuetify({
+  components,
+  directives,
   icons: {
-    iconfont: 'mdi',
+    defaultSet: 'mdi',
+    aliases,
+    sets: {
+      mdi,
+    },
   },
 });
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..e7d74a4
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,7 @@
+/**
+ * @type {import('@vue/cli-service').ProjectOptions}
+ */
+module.exports = {
+  outputDir: 'pkg/server/dist',
+  productionSourceMap: false,
+};
diff --git a/yarn.lock b/yarn.lock
index 6c65a46..ecacc30 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1133,7 +1133,7 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1"
   integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==
 
-"@mdi/font@7.4.47":
+"@mdi/font@^7.4.47":
   version "7.4.47"
   resolved "https://registry.yarnpkg.com/@mdi/font/-/font-7.4.47.tgz#2ae522867da3a5c88b738d54b403eb91471903af"
   integrity sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==
@@ -2298,9 +2298,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001587, caniuse-lite@^1.0.30001599:
-  version "1.0.30001610"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001610.tgz#2f44ed6e21d359e914271ae35b68903632628ccf"
-  integrity sha512-QFutAY4NgaelojVMjY63o6XlZyORPaLfyMnsl3HgnWdJUcX6K0oaJymHjH8PT5Gk7sTm8rvC/c5COUQKXqmOMA==
+  version "1.0.30001611"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001611.tgz#4dbe78935b65851c2d2df1868af39f709a93a96e"
+  integrity sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==
 
 case-sensitive-paths-webpack-plugin@^2.3.0:
   version "2.4.0"
@@ -2928,9 +2928,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.668:
-  version "1.4.738"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.738.tgz#9a7fca98abaee61e20c9c25013d5ce60bb533436"
-  integrity sha512-lwKft2CLFztD+vEIpesrOtCrko/TFnEJlHFdRhazU7Y/jx5qc4cqsocfVrBg4So4gGe9lvxnbLIoev47WMpg+A==
+  version "1.4.740"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.740.tgz#89c82421332ee425e5b193e3db2dea019d423419"
+  integrity sha512-Yvg5i+iyv7Xm18BRdVPVm8lc7kgxM3r6iwqCH2zB7QZy1kZRNmd0Zqm0zcD9XoFREE5/5rwIuIAOT+/mzGcnZg==
 
 elliptic@6.5.5:
   version "6.5.5"
@@ -6084,10 +6084,10 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
-vue-router@4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.3.1.tgz#05943e16781d8feb5195a932824afecd4d0b8282"
-  integrity sha512-D0h3oyP6vp28BOvxv2hVpiqFTjTJizCf1BuMmCibc8UW0Ll/N80SWqDd/hqPMaZfzW1j+s2s+aTRyBIP9ElzOw==
+vue-router@4.3.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.3.2.tgz#08096c7765dacc6832f58e35f7a081a8b34116a7"
+  integrity sha512-hKQJ1vDAZ5LVkKEnHhmm1f9pMiWIBNGF5AwU67PdH7TyXCj/a4hTccuUuYCAMgJK6rO/NVYtQIEN3yL8CECa7Q==
   dependencies:
     "@vue/devtools-api" "^6.5.1"