Use new UI (#8983)

* fixup build

* swap frontends

web-old/vite.config.ts

@@ -0,0 +1,55 @@
+/// <reference types="vitest" />
+import path from 'path';
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
+import monacoEditorPlugin from 'vite-plugin-monaco-editor';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  define: {
+    'import.meta.vitest': 'undefined',
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:5000'
+      },
+      '/vod': {
+        target: 'http://localhost:5000'
+      },
+      '/exports': {
+        target: 'http://localhost:5000'
+      },
+      '/ws': {
+        target: 'ws://localhost:5000',
+        ws: true,
+      },
+      '/live': {
+        target: 'ws://localhost:5000',
+        changeOrigin: true,
+        ws: true,
+      },
+    }
+  },
+  plugins: [
+    preact(),
+    monacoEditorPlugin.default({
+      customWorkers: [{ label: 'yaml', entry: 'monaco-yaml/yaml.worker' }],
+      languageWorkers: ['editorWorkerService'], // we don't use any of the default languages
+    }),
+  ],
+  test: {
+    environment: 'jsdom',
+    alias: {
+      'testing-library': path.resolve(__dirname, './__test__/testing-library.js'),
+    },
+    setupFiles: ['./__test__/test-setup.ts'],
+    includeSource: ['src/**/*.{js,jsx,ts,tsx}'],
+    coverage: {
+      reporter: ['text-summary', 'text'],
+    },
+    mockReset: true,
+    restoreMocks: true,
+    globals: true,
+  },
+});