more client refactor

Author: PrinsINT

client/.editorconfig

@@ -1,20 +1,7 @@
 {
-  "explorer.fileNesting.enabled": true,
-  "explorer.fileNesting.patterns": {
-    "tsconfig.json": "tsconfig.*.json, env.d.ts",
-    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
-    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit"
-  },
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "oxc.enable": true,
-  "[vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+	"explorer.fileNesting.enabled": true,
+	"explorer.fileNesting.patterns": {
+		"tsconfig.json": "tsconfig.*.json, *.d.ts, biome.json",
+		"package.json": "package-lock.json"
+	}
 }

client/.prettierrc.json

@@ -0,0 +1,31 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": []
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab"
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "double",
+			"semicolons": "asNeeded"
+		}
+	}
+}

client/.vscode/extensions.json

@@ -9,9 +9,9 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AnnotateTab: typeof import('./src/components/AnnotateTab.vue')['default']
+    AppBanner: typeof import('./src/components/AppBanner.vue')['default']
     BenchmarkSetsHelp: typeof import('./src/components/help/BenchmarkSetsHelp.vue')['default']
     ComparisonModal: typeof import('./src/components/modals/ComparisonModal.vue')['default']
-    ContributeTaggerLink: typeof import('./src/components/links/ContributeTaggerLink.vue')['default']
     CorpusForm: typeof import('./src/components/modals/corpus/CorpusForm.vue')['default']
     CorpusFormHelp: typeof import('./src/components/help/CorpusFormHelp.vue')['default']
     CorpusHelp: typeof import('./src/components/help/CorpusHelp.vue')['default']
@@ -38,14 +38,15 @@ declare module 'vue' {
     HelpLink: typeof import('./src/components/links/HelpLink.vue')['default']
     InspectButton: typeof import('./src/components/input/InspectButton.vue')['default']
     JobModal: typeof import('./src/components/modals/jobs/JobModal.vue')['default']
+    JobProgress: typeof import('./src/components/modals/jobs/JobProgress.vue')['default']
+    JobProgressSegment: typeof import('./src/components/modals/jobs/JobProgressSegment.vue')['default']
     JobSelect: typeof import('./src/components/input/JobSelect.vue')['default']
     JobsHelp: typeof import('./src/components/help/JobsHelp.vue')['default']
     KeyValues: typeof import('./src/components/KeyValues.vue')['default']
     LayerViewer: typeof import('./src/components/tables/LayerViewer.vue')['default']
     MailAddress: typeof import('./src/components/links/MailAddress.vue')['default']
     MetricsFilter: typeof import('./src/components/tables/MetricsFilter.vue')['default']
     MetricsTable: typeof import('./src/components/tables/MetricsTable.vue')['default']
-    ProgressSegment: typeof import('./src/components/modals/jobs/ProgressSegment.vue')['default']
     RightFloatCell: typeof import('./src/components/tables/RightFloatCell.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

client/.vscode/settings.json

@@ -0,0 +1,11 @@
+services:
+  proxy:
+    image: nginx:1.28.0-alpine3.21-slim
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf
+      - ./dist:/usr/share/nginx/html
+    ports:
+      - "80:80"
+    restart: unless-stopped
+    extra_hosts:
+      - "host.docker.internal:host-gateway"